@charset "utf-8";

/***************************
 *  DÉCLARATIONS GENERALES *******************************************************************************
 ***************************/

html {
	overflow-x			: hidden;
	width				: 100%;
	height				: 100%;
}

body {
	padding				: 0px;
	margin				: 0px;
	font-family			: Verdana, Arial, Helvetica, sans-serif;
	font-size			: 11px;
	color				: #706f5d;
}

div#pageInfo {
	border: 1px solid #f37121;
	padding: 15px;
	background-color: #fff;
	position: absolute;
	z-index: 15;
	visibility: hidden;
}

div#pageInfo h1 {
	font-size: 11px;
}

div#pageInfo p {
	font-size: 10px;
	font-style: italic;
	font-weight: normal;
}

/* Pour eviter les erreur de display <HR> de IE6/E7 et inferieur... */
div.HorRule {
	border				: 0px;
	background-color	: #706f5d;
	height				: 1px;
	font-size			: 1px;
}
div.HorRule hr {    /* pour CSS1 */
	display				: none;
}
div.HorRule * {     /* pour CSS2 */
	display				: none;
}

.hand {
	cursor				: default;
}

.hand:hover {
	cursor				: pointer;
}

a:link, a:visited, a:hover, a:active {
	color				: #f37121;
	text-decoration		: underline;
}

a:hover {
	text-decoration		: none;
}

a.def_gal:link, a.def_gal:visited, a.def_gal:hover, a.def_gal:active {
	color				: #5a9343;
	text-decoration		: none;
}

a.def_gal:hover {
	font-weight			: bold;
}

a.MU:link, a.MU:visited, a.MU:hover, a.MU:active {
	text-decoration		: none;
	font-size			: 10px;
	color				: #4e4c37;
}

h1.or1, h1.or2 {
	height				: 32px;
	width				: 329px;
	margin				: 0px 0px 5px 0px;
	padding				: 0px 0px 0px 25px;
	background-color	: #f37121;
	line-height			: 32px;
	font-size			: 14px;
	color				: #fff;
	font-weight			: normal;
	text-transform		: uppercase;
}

h1.or2 {
	background-color	: #f68c48;
}

h2 {
	margin				: 0px 0px 5px 0px;
	padding				: 0px;
	font-size			: 13px;
}

.left {
	float				: left;
}

.right {
	float				: right;
}

.clear {
	clear				: both;
}

.noshow {
	display				: none;
}

.halfbdy {
	width				: 335px;
	margin-bottom		: 5px;
	padding				: 0px 10px 10px 10px;
}

.img_left {
	border				: 1px solid #f37121;
	padding				: 0;
	margin				: 0px 5px 5px 0px;
	float				: left;
}

.gallerie {
	position: relative;
	float: left;
	border: 1px solid #8A7645;
	margin-right: 5px;
	margin-bottom: 5px;
	padding: 5px;
	height: 105px;
	width: 95px;
	text-align: center;
}

/***********************
 *   LAYOUT GÉNÉRAL	   ***********************************************************************************
 ***********************/
div#containner {
	width				: 957px;
	margin				: 0px auto;
	border-bottom		: 2px solid #d4d3cc;
 }
 
div#header {
	position			: relative;
	height				: 101px;
	border-bottom		: 2px solid #d4d3cc;
	margin-bottom		: 15px;
 }
 
div#logo {
	float				: left;
	height				: 101px;
	width				: 355px;
 	background			: url(../_im/lo/logo.jpg) left no-repeat;
 }
 
div#logo h1 {
	padding				: 68px 0 0 72px;
	font-weight			: bold;
	font-size			: 11px;
	letter-spacing		: 0.3px;
 }
 
 div#dev_durable {
	position			: absolute;
	background			: url(../_im/lo/dev_durable.jpg) no-repeat;
	top					: 30px;
	left				: 335px;
	height				: 58px;
	width				: 57px;
	cursor				: pointer;
 }
 
div#user_m {
	margin-top			: 45px;
	padding-right		: 14px;
	float				: right;
	width				: 510px;
	height				: 24px;
	background			: url(../_im/lo/user_m.jpg) repeat-y;
	line-height			: 24px;
	text-align			: right;
}
 
div#user_m  img{
	float				: left;
	width				: 16px;
	height				: 15px;
	margin				: 4px 0px 4px 20px;
	border				: 0px;
 }
 
div#user_m input {
	width				: 100px;
	height				: 14px;
	border				: 1px solid #A5A492;
	background			: #fff;
	float				: left;
	margin				: 3px 0px 0px 28px;
	color				: #696969;
	font-size			: 12px;
}

div#user_m input.btn {
	width				: 26px;
	height				: 18px;
	padding-left		: 0px;
	padding-right		: 0px;
	border				: 1px solid #f37121;
	background			: #fff;
	float				: left;
	margin				: 3px 0px 0px 3px;
	color				: #f37121;
	font-size			: 10px;
}
 
div#banner {
	position			: relative;
	width				: 957px;
	margin-bottom		: 5px;
 }
 
div#event {
	position			: absolute;
	z-index				: 60;
	width				: 307px;
	height				: 307px;
	right				: 0px;
	background			: url(../_im/lo/clearB.png);
	margin				: 5px;
	border				: 5px solid #fff;
	top					: 0px;
 }

 div#AccDef {
	position			: absolute;
	z-index				: 60;
	width				: 0px;
	height				: 0px;
	left				: 0px;
	top					: 0px;
	background			: url(../_im/lo/angle_fr.png);
	background-position	: bottom right;
	margin				: 0px;
 }

 div#AccDef:hover {
	cursor:pointer;
 }
 
div#sidebar {
	width				: 242px;
	float				: left;
}

div#sidebar h1 {
	height				: 80px;
	background-color	: #8F8E79;
	color				: #FFF;
	margin				: 0px 0px 5px 0px;
	padding				: 0px;
	text-align			: center;
	font-size			: 18px;
	line-height			: 80px;
}

div#sidebar h2 {
	height				: 43px;
	color				: #8f8e79;
	margin				: 0px 0px 5px 0px;
	padding				: 0px;
	text-align			: center;
	font-size			: 18px;
	font-family			: arial;
	line-height			: 43px;
	font-weight			: normal;
	text-align			: left;
}

div#sb_content {
	height				: 150px;
	font-size			: 10px;
	background			: #f3f2ec;
	padding				: 5px;
}

div#sb_content p {
	margin				: 18px 0 18px 3px;
}

div#sb_content a:link.sb_mnu, div#sb_content a:active.sb_mnu, div#sb_content a:hover.sb_mnu, div#sb_content a:visited.sb_mnu {
	display				: block;
	color				: #fff;
	padding				: 10px 0 10px 25px;
	background			: #f68c48;
	text-transform		: uppercase;
	text-decoration		: none;
	font-size			: 12px;
	font-weight			: bold;
	margin-top			: 3px;
}

div#sb_content a:link.sb_mnuL, div#sb_content a:active.sb_mnuL, div#sb_content a:hover.sb_mnuL, div#sb_content a:visited.sb_mnuL {
	display				: block;
	color				: #696969;
	padding				: 3px 0 3px 55px;
	margin				: 2px 0 2px 0px;
	text-decoration		: none;
}

div#sb_content a:hover.sb_mnuL {
	padding-left		: 65px;
	font-weight			: bold;
}


div#wrapper {
	position			: relative;
	width				: 710px;
	float				: right;
}

div#menu {
	height				: 43px;
	margin-bottom		: 5px;
	font-size			: 12px;
}

div#menu a:link, div#menu a:visited, div#menu a:active, div#menu a:hover {
	display				: block;
	float				: left;
	width				: 140px;
	height				: 43px;
	line-height			: 43px;
	background			: url(../_im/lo/menu_btn.jpg) bottom;
	color				: #4e4c37;
	text-decoration		: none;
	text-align			: center;
	margin-right		: 2px;
	font-weight			: bold;
}

div#menu a:hover {
	background			: url(../_im/lo/menu_btn.jpg) top;
	color				: #FFF;
}

div#body {
	width				: 710px;
}

div#page_content img {
	margin				: 10px;
	padding				: 5px;
	border				: 1px solid #f37121;
	/*float				: left;*/
}

div#page_content h1, h2 {
	text-align			: right;
}

div#page_content  h2 {
	font-style			: italic;
	font-size			: 12px;
}

div#page_content img.gauche {
	float				: left;
}

div#page_content img.droite {
	float				: right;
}

div#page_content img.centre {
	float				: center;
}

div#page_content img.icoIMG {
	height				: 16px;
	width				: 16px;
	padding				: 0px;
	margin				: 0px;
	border 				: 0;
	float				: left;
}

div#page_content div.files {
	line-height			: 16px;
	margin-top			: 5px;
}

div#footer {
	width				: 957px;
	margin				: 0px auto;
	color				: #aaaaaa;
	font-size			: 10px;
}

div#footer a:link, div#footer a:active, div#footer a:hover, div#footer a:visited {
	color				: #aaaaaa;
	text-decoration		: none;
}

div#footer a:hover {
	text-decoration		: underline;
}

div#erreur {
	width				: 100%;
	height				: 100%;
	text-align			: center;
	background			: url(../_im/lo/black.png);
	z-index				: 200;
	top					: 0px;
	left				: 0px;
	position			: absolute;
}

div#msg_box {
	width				: 340px;
	margin				: 130px auto;
	padding				: 20px;
	text-align			: left;
	background			: #fff;
	border				: 2px solid #f37121;
}

div#msg_box legend {
	font-style			: italic;
	margin-left			: 15px;
	color				: #696969;
}

div#msg_box input.txt{
	width				: 120px;
	color				: #696969;
	/*float				: right;*/
}
/***********************
 *   LAYOUT PAGE ACCUEIL**********************************************************************************
 ***********************/
div#acc_prds {
	clear				: both;
	border-right		: 1px solid #aaaaaa;
	float				: left;
 }

div#acc_grid {
	width				: 957px;
	margin-bottom		: 15px;
	border-top			: 1px solid #696969;
}

div#acc_grid  .grids{
	float				: left;
	width				: 299px;
	padding				: 9px;
	height				: 250px;
	border-bottom		: 1px solid #696969;
	overflow-x			: auto;
	overflow-y			: hidden;
}
 
 /***********************
 *   LAYOUT PAGE WIZARD **********************************************************************************
 ***********************/
div.questions {
	margin-left			: 20px;
	margin-bottom		: 15px;
	padding-bottom		: 10px;
	border-bottom		: 1px solid #000;
}

div.questions span{
	font-size			: 12px;
	text-transform		: uppercase;
}