/* CSS Document */
/* Spécifique à la Charte du Client définitions des containers */
/* ///// ---- Containers ----- ///// */
/* // cadre 1 - Bloc encadré -ok-// */
div.cadre1 {
	margin : 1em auto;
	padding :0.55em;
	width:80%;
	overflow : visible;
	background-color:#f9f9f9;
	border-color :  #fff #ccc #ccc #fff;
	color:#000 !important;
}
div.cadre1 h3 { 
	background:url(/img/gui/bar_noir25.png) 0  no-repeat;
	padding-left:2.5em;
}
div.cadre1 h4 {	
	background:url(/img/gui/bar_red25.png) 0  no-repeat; 
	color:#49233e !important; 
	margin: 0.5em 0 0;
	padding-left:3em;
	border:none;
}
div.cadre1 h5 {
	margin-left:0;color:#444479 !important;
	border-bottom:#ccc 1px solid;
}
div.cadre1 img {margin-bottom : 1em;}
div.cadre1 p { color : inherit; }
div.cadre1 li {
	margin: 0.25em 3em;
	font-size:1em;
	list-style:outside circle;
}
/* container 1 imbriqué dans container 1 */

/* // cadre 2 -  Fond Noir * Scrolling -ok- // */
div.cadre2 {
	margin: 0.25em auto 0.5em;
	padding:0.45em;
	height:100px;
	overflow : hidden;
	background : #000;
	border:1px solid #ccc;
	color : #fff !important;
}
div.cadre2 p { 
	font-size:0.68em;
	letter-spacing:0.15em}
div.cadre2 h4 { 
	letter-spacing:0.35em;
	color:#f1e8b7;
	}
div.cadre2 ul {
	margin: 0.25em 0 0.8em;
	font-size:1em;
	list-style:outside circle;
}
div.cadre2 ul li {}
/* container 2 imbriqué dans container 1 */
div.cadre1 * div.cadre2 {
	background-color : #333;
	color:#FFF  !important;
	padding:0 0 1em;
}
div.cadre1 * div.cadre2 p {
	font-size:0.8em;
	margin:0.2em 2em;
	line-height:105%;
}
div.cadre1 * div.cadre2 a:link { color:#CCFF00!important; }
div.cadre1 * div.cadre2 a:hover { color: #FFCC00!important; }
div.cadre1 * div.cadre2 h2 {
	background-color : #FFCC33;
	color:#000 !important;
	margin:0;
	padding:0.45em;
}
div.cadre1 * div.cadre2 h3 {
	padding-left:0;
	background:none;
	margin: 1em 2em;
	border-bottom:1px solid #FFCC33;
}
div.cadre1 * div.cadre2 h4 {
	background-color : transparent;
	color:#FFCC33 !important;
	margin: 0.5em 2em 0 ;
	border:none;
	font-size:0.8em;
}
div.cadre1 * div.cadre2 h5 {
	background:url(/img/gui/bar_jaune25.png) 0  no-repeat;
	letter-spacing:normal;
	color:inherit;
	padding-left:3em;
	margin-left:2em;
	font-size:0.8em;
}

/* // cadre 3 - Bloc gradient -ok- // */
div.cadre3 {
	margin : 1em auto;
	padding:0.45em;
	overflow : visible;
	background: #cfcdcd url(/img/gui/fonds/gradAlpha.png) 0 -100px repeat-x;
}
div.cadre3 img {border :#000 1px solid;}
div.cadre3 p {
	margin: 1.25em;
	color:inherit;
	font-size:0.75em;
}
div.cadre3 a:link { color:#6633CC!important; }
div.cadre3 a:hover { color:#FF6600!important; }
div.cadre3 li {
	margin: 0.5em 3em;
	font-size:1.05em;
}
div.cadre3 h3 { color:#666!important; }
div.cadre3 h5 {
	margin-left:1.5em;
	letter-spacing:0.56em;
	font-weight:normal;
}
div.cadre3 address { margin-left:1.5em;}
/* comportement des containers imbriqués dans container 3 */
div.cadre3 * div.cadre3 {
	background: #67370e url(/img/gui/fonds/gradbrown600.png) bottom center repeat-x;
	padding:0.25em;
	color:#fff;
	border:1px solid #461c0c;
}
div.cadre3 * div.cadre3 a {color:#CCFF00;}

div.cadre3 * div.cadre4 {
	background: #67370e url(/img/gui/fonds/gradbrown600.png) top center repeat-x;
	padding:0.25em;
	color:#fff;
	border:1px inset #461c0c;
}
div.cadre3 * div.cadre4 a {color:#CCFF00;}

/* // cadre 4 - Bloc encadré -ok- // */
div.cadre4 {
	width:85%;
	margin : 0.5em auto;
	padding:0.85em;
	overflow : visible;
	background-color : #333;
	border : 1px solid #ccc;
	color:#fff;
}
div.cadre4 ul  {
	margin: 0.35em 0;
	list-style:outside url(/img/custom/nRed.gif);
	}
div.cadre4 h3,
div.cadre4 h5  { color:#999;}
div.cadre4 h5 {
	text-align:center;
	margin : 1em 0;
	text-transform:capitalize;
}
/* comportement des containers imbriqués dans container 2 */
div.cadre1 * div.cadre4 h3,
div.cadre1 * div.cadre4 h4 { background:none; }

/* // cadre 5 // */
div.cadre5 {
width : auto;
overflow : visible;
}
div.cadre5 * div.cadre1 {
	margin : 0 auto;
	padding :0.35em;
	width : 90%;
	background : #980004 url(/img/fonds/cadres/gradesp01_600.jpg) repeat-x left top;
}
div.cadre5>div.cadre1 h2 {
	color: #980004 !important; 
	text-transform:capitalize; 
	padding:0.2em; 
	border:1px solid #000; 
	background:#ffcc00;
}
div.cadre5 * div.cadre1 h3 {
	text-transform:none;
	color: #ffcc66 !important;
}
div.cadre5 * div.cadre1 h4 {
	color: #FFF !important;
	margin-left:1em;
}
div.cadre5 * div.cadre1 h5 {
	color: #FFF !important;
	margin:1em 1.5em 1.5em;
	font-weight:normal;
	text-transform:uppercase;
}
div.cadre5 * div.cadre1 p {
	padding: 0.5em 1.5em;
	color: #FFF !important;
}
div.cadre5 * div.cadre1 a:link { color:#CCFF00 !important;}
div.cadre5 * div.cadre1 a:hover { color: #FFCC00 !important;}
div.cadre5 * div.cadre1 li {
	margin: 0.5em 3em;
	font-variant:small-caps;
	font-size:1.15em;
	list-style:outside circle;
	color: #FFF !important;
}

/* comportement des containers 2 imbriqués dans container 5 */
div.cadre5 * div.cadre2 {
	margin : 0;
	padding :1em;
	width : 90%;
	overflow : visible;
	background : #980004 url(/img/fonds/cadres/gradesp01_600.jpg) repeat-x left top;
}
div.cadre5 * div.cadre2 h2 {
	color: #980004 !important; 
	padding:0.2em; 
	border:1px solid #000; 
	background:#FFCC00;
}
div.cadre5 * div.cadre2 h3 {
	text-transform:none;
	color: #FFCC66 !important;
}
div.cadre5 * div.cadre2 h4 {
	color: #FFF !important;
	margin-left:1em;
}
div.cadre5 * div.cadre2 h5 {
	color: #FFF !important;
	margin:1em 1.5em 1.5em;
	font-weight:normal;
	text-transform:uppercase;
}
div.cadre5 * div.cadre2 p {
	padding: 0.5em 1.5em;
	color: #FFF !important;
}
div.cadre5 * div.cadre2 a:link { color:#CCFF00 !important;}
div.cadre5 * div.cadre2 a:hover { color: #FFCC00 !important;}
div.cadre5 * div.cadre2 li {
	margin: 0.5em 3em;
	font-variant:small-caps;
	font-size:1.15em;
	list-style:outside circle;
	color: #FFF !important;
}

/* comportement des containers 5 imbriqués dans container 5 */
div.cadre5 * div.cadre5 {
	padding :0.5em;
	width : 90%;
	background : #999;
	color : #FFFFFF !important;
}
div.cadre5 * div.cadre5 h2 {
	color: #666 !important; 
	text-transform:capitalize; 
	padding:0.2em; 
	border:1px solid #DEDEDE; 
	background:url(/img/gui/fonds/shortGrad.gif) bottom center repeat-x;
}
div.cadre5 * div.cadre5 h3 { text-transform:none;}
div.cadre5 * div.cadre5 h4 { margin-left:1em;}
div.cadre5 * div.cadre5 h5 {
	margin-left:1.5em;
	font-weight:normal;
	text-transform:uppercase;
}
div.cadre5 * div.cadre5 p { padding: 0.5em 1.5em;}
div.cadre5 * div.cadre5 a:link { color:#CCFF00 !important;}
div.cadre5 * div.cadre5 a:hover { color: #FFCC00 !important;}
div.cadre5 * div.cadre5 li {
	margin: 0.5em 3em;
	font-variant:small-caps;
	font-size:1.15em; 
	list-style:outside circle;
}

/* //  container Fond Bleu translucide (eBlue)// */
div.eBlue { /*ok*/
	/*margin : 1em auto;*/
	padding :0.55em;
	/*overflow : visible;*/
	background:url(/img/gui/fonds/fdBlueTrans.png) repeat center;
	border:1px solid #ccc;
	border-color :  #ccc #666 #666 #ccc;
}
div.eBlue h2 { /*ok*/
	color:#fff;
	margin: 0.25em 1em 0.35em 0;}
div.eBlue h3 {	
	color:#ccffff; 
	margin:0;
	font-weight:normal;
}
/*div.eBlue h5 {
	margin-left:0;color:#444479 !important;
	border-bottom:#ccc 1px solid;
}
div.eBlue img {margin-bottom : 1em;}
div.eBlue p { color : inherit; }
div.eBlue li {
	margin: 0.25em 3em;
	font-size:1em;
	list-style:outside circle;
}*/
/* // cadre 1 - Bloc encadré -ok-// */
div.eFramed1 {
	margin : 1em 0;
	float:left;
	padding :0;
	width:180px;
	height:112px;
	/*overflow : visible;*/
	background-color:#000;
	border:1px solid #fff;
	border-color :  #fff #ccc #ccc #fff;
	color:#fff !important;
}
div.eFramed1 p { 
	color : #fff;
	margin:1em;}