/* CSS Document */
/* --- Construction de blocs à coins arrondis - Version 2 - 2 Fevrier 2009 --- */
/* -- uniquement compatible avec la version 3.5 et 4 et la v1(templates) de Spray CMS -- */
/* structure */
div.aBox { /* container */
	background-color:transparent;
	margin:0.5em auto 0.5em;
	}
div.aBoxIn {/* contenu central _ correc dave 271008 */
	overflow:auto;
	height:auto;
	width:inherit; 
	z-index:1;
	padding-bottom:0.25em;
	} 
div.aBox.onglet {
	float:right;
	margin:0;
	text-align:center;
	}
div.aBox.onglet div.aBoxIn,
div.aBox.onglet div.aBoxTop {display:none;}
div.aBoxTop, 
div.aBoxFoot {
	min-height:5px;
	line-height:1px;
	font-size:1px;
	overflow:auto;
	width:inherit;
	margin:0 auto;
	z-index:2;
	}
div.aBoxTop div,
div.aBoxFoot div {
	display:inline; 
	float:left;
	min-height:5px;
	}
div.aBox div.aBoxTop .bRight,
div.aBox div.aBoxFoot .bRight {float:right;}

/* =----= colors and skins =----= */
/* -Gris light- Presque Blanc */
div.aBox.GreyLite div.aBoxIn {
background-color:#fefefe;
	border-left:1px solid #e2e2e2;
	border-right:1px solid #e2e2e2;
	color : #333 !important;
	}
div.aBox.GreyLite div.aBoxIn p {
	color : #333 !important;
	text-align:left;
	margin:0.7em 0;
	font-size:0.6em;
	}
div.aBox.GreyLite div.aBoxTop .bTitle {background: #d7d7d7 url(/img/Box/fefefe2/aBoxTop.png) repeat-x 0 0;}
div.aBox.GreyLite div.aBoxTop .bLeft {background: url(/img/Box/fefefe2/aBoxLeft.png) no-repeat 0 0;}
div.aBox.GreyLite div.aBoxTop .bRight {background:url(/img/Box/fefefe2/aBoxRight.png) no-repeat 0 0;}
div.aBox.GreyLite div.aBoxFoot .bTitle {background:#d7d7d7 url(/img/Box/fefefe2/aBoxFoot.png) repeat-x bottom left;}
div.aBox.GreyLite div.aBoxFoot .bLeft {background:url(/img/Box/fefefe2/aBoxLeftF.png) no-repeat bottom left;}
div.aBox.GreyLite div.aBoxFoot .bRight {background:url(/img/Box/fefefe2/aBoxRightF.png) no-repeat bottom right;}

/* Gris 666   - noBottom - */
div.aBox.c666 div.aBoxIn {
	background-color: #666;
	color:#e2e2e2 !important;
	border-bottom:2px solid #fff;
}
div.aBox.c666 div.aBoxTop .bTitle {background:#666;}
div.aBox.c666 div.aBoxTop .bLeft {background:url(/img/Box/c666/aBoxLeft.png) no-repeat 0 0;}
div.aBox.c666 div.aBoxTop .bRight {background:url(/img/Box/c666/aBoxRight.png) no-repeat 0 0;}

/* Gris foncé 333  - ok - */
div.aBox.c333 div.aBoxIn {
	background-color: #333;
	color:#e2e2e2 !important;
}
div.aBox.c333 div.aBoxTop .bTitle {background:#333;}
div.aBox.c333 div.aBoxTop .bLeft {background:url(/img/Box/c333/aBoxLeft.png) no-repeat 0 0;}
div.aBox.c333 div.aBoxTop .bRight {background:url(/img/Box/c333/aBoxRight.png) no-repeat 100% 0;}
div.aBox.c333 div.aBoxFoot .bTitle {background:#333 url(/img/Box/c333/aBoxFoot.png) repeat-x 0 0;}
div.aBox.c333 div.aBoxFoot .bLeft {background:url(/img/Box/c333/aBoxLeftF.png) no-repeat bottom left;}
div.aBox.c333 div.aBoxFoot .bRight {background:url(/img/Box/c333/aBoxRightF.png) no-repeat bottom right; }

/* Noir et fillet blanc 1px - ok - */
div.aBox.c000 div.aBoxIn {
	background: #000;
	border:1px solid #FFF;
	border-top:none;
	border-bottom:none;
	color:#e2e2e2 !important;
}
div.aBox.c000 div.aBoxTop div.bTitle {background: #000 url(/img/Box/c000/aBoxTop.png) repeat-x 0 0; }
div.aBox.c000 div.aBoxTop .bLeft {background:url(/img/Box/c000/aBoxLeft.png) no-repeat 0 0;}
div.aBox.c000 div.aBoxTop .bRight {background:url(/img/Box/c000/aBoxRight.png) no-repeat 100% 0;}
div.aBox.c000 div.aBoxFoot div.bTitle {background: #000 url(/img/Box/c000/aBoxFoot.png) repeat-x bottom left; }
div.aBox.c000 div.aBoxFoot .bLeft {background:url(/img/Box/c000/aBoxLeftF.png) no-repeat bottom left; }
div.aBox.c000 div.aBoxFoot .bRight {background:url(/img/Box/c000/aBoxRightF.png) no-repeat bottom right;}

/* Black Ray -Tetiere degrade bleue inside White, noBottom - */
div.aBox.Blackray div.aBoxIn {
	background: #ccc url(/img/gui/fonds/bargrad600.gif) 0 0 repeat-x;
	border:1px solid #e2e2e2;
	border-top:none;
	color:#333 !important;
}
div.aBox.Blackray div.aBoxTop div.bTitle {background:url(/img/Box/Blackray2/aBoxTop.png) repeat-x 0 0;}
div.aBox.Blackray div.aBoxTop .bLeft {background:url(/img/Box/Blackray2/aBoxLeft.png) no-repeat 0 0;}
div.aBox.Blackray div.aBoxTop .bRight {background:url(/img/Box/Blackray2/aBoxRight.png) no-repeat 100% 0;}

/* Grey White Gradient  - ok -  */
div.aBox.Grisray div.aBoxIn {
	background: #d7d7d7 url(/img/gui/fonds/bargrad600.gif) top center repeat-x;
	/*border:1px solid #e2e2e2;
	border-width:0 1px 0 1px;*/
	color : #333 !important;
}
div.aBox.Grisray div.aBoxTop .bTitle {background: #d7d7d7 url(/img/Box/GrisRay2/aBoxTop.png) repeat-x 0 0;}
div.aBox.Grisray div.aBoxTop .bLeft {background:url(/img/Box/GrisRay2/aBoxLeft.png) no-repeat 0 0;}
div.aBox.Grisray div.aBoxTop .bRight {background:url(/img/Box/GrisRay2/aBoxRight.png) no-repeat 0 0;}
div.aBox.Grisray div.aBoxFoot .bTitle {background:#d7d7d7 url(/img/Box/GrisRay2/aBoxFoot.png) repeat-x 0 0;}
div.aBox.Grisray div.aBoxFoot .bLeft {background:url(/img/Box/GrisRay2/aBoxLeftF.png) no-repeat bottom left;}
div.aBox.Grisray div.aBoxFoot .bRight {background:url(/img/Box/GrisRay2/aBoxRightF.png) no-repeat bottom right;}
/* Blue Ray -Tetiere dégradée bleue inside White, noBottom - */
div.aBox.Blueray div.aBoxIn {
	background: #ccc url(/img/gui/fonds/bargrad600.gif) 0px 0px repeat-x;
	border:1px solid #e2e2e2;
	border-top:none;
	color:#333 !important;
}
div.aBox.Blueray div.aBoxTop .bTitle {background:url(/img/Box/Blueray2/aBoxTop.png);}
div.aBox.Blueray div.aBoxTop .bLeft {background:url(/img/Box/Blueray2/aBoxLeft.png) no-repeat 0 0;}
div.aBox.Blueray div.aBoxTop .bRight {background:url(/img/Box/Blueray2/aBoxRight.png) no-repeat 0 0;}
div.aBox.Blueray div.aBoxFoot .bTitle {background: url(/img/Box/Blueray2/aBoxFoot.png) repeat-x bottom left; }
div.aBox.Blueray div.aBoxFoot .bLeft {background:url(/img/Box/Blueray2/aBoxLeftF.png) no-repeat bottom left; }
div.aBox.Blueray div.aBoxFoot .bRight {background:url(/img/Box/Blueray2/aBoxRightF.png) no-repeat bottom right;}

/* GradOrange - ok - */
/* Prévoir une variante si hasTitle ou non, et hauteur du contenu */
div.aBox.GradOrange div.aBoxIn {
	background: #ffe096 url(/img/Box/GradOrange2/bargradOrange.gif) bottom center repeat-x;
	color:#000 !important;
}
div.aBox.GradOrange div.aBoxTop .bTitle {background: #ffe096 url(/img/Box/GradOrange2/aBoxTop.png) repeat-x 0 0;}
div.aBox.GradOrange div.aBoxTop .bLeft {background:url(/img/Box/GradOrange2/aBoxLeft.png) no-repeat 0 0;}
div.aBox.GradOrange div.aBoxTop .bRight {background:url(/img/Box/GradOrange2/aBoxRight.png) no-repeat top right;}
div.aBox.GradOrange div.aBoxFoot .bTitle {background: #ffe096 url(/img/Box/GradOrange2/aBoxFoot.png) repeat-x bottom left; }
div.aBox.GradOrange div.aBoxFoot .bLeft {background:url(/img/Box/GradOrange2/aBoxLeftF.png) no-repeat bottom left;}
div.aBox.GradOrange div.aBoxFoot .bRight {background:url(/img/Box/GradOrange2/aBoxRightF.png) no-repeat bottom right;}

/* aBox Black Trans */
/* Noir et fillet blanc 1px - ok - */
div.aBox.c000tr div.aBoxIn {
	background: url(/img/Box/000trans/aBoxIn.png) repeat center;
	border:1px solid #cacfd5;
	border-top:none;
	border-bottom:none;
	color:#fff !important;
}
div.aBox.c000tr div.aBoxTop div.bTitle {background: url(/img/Box/000trans/aBoxTop.png) repeat-x 0 0; }
div.aBox.c000tr div.aBoxTop .bLeft {background:url(/img/Box/000trans/aBoxLeft.png) no-repeat 0 0;}
div.aBox.c000tr div.aBoxTop .bRight {background:url(/img/Box/000trans/aBoxRight.png) no-repeat 0 0;}
div.aBox.c000tr div.aBoxFoot div.bTitle {background: url(/img/Box/000trans/aBoxFoot.png) repeat-x bottom left; }
div.aBox.c000tr div.aBoxFoot .bLeft {background:url(/img/Box/000trans/aBoxLeftF.png) no-repeat bottom left; }
div.aBox.c000tr div.aBoxFoot .bRight {background:url(/img/Box/000trans/aBoxRightF.png) no-repeat bottom right;}

/* aBox contour */
/* Contour gris semi transparent sans fond - ok - */
div.aBox.contour div.aBoxIn {
	/*background: url(/img/Box/eBlue/aBoxIn.png) repeat-x center bottom;*/
	border:1px solid #868686;
	border-top:none;
	border-bottom:none;
	color:inherit;
}
div.aBox.contour div.aBoxTop div.bTitle {background: url(/img/Box/contour/aBoxTop.png) repeat-x 0 0; }
div.aBox.contour div.aBoxTop .bLeft {background:url(/img/Box/contour/aBoxLeft.png) no-repeat 0 0;}
div.aBox.contour div.aBoxTop .bRight {background:url(/img/Box/contour/aBoxRight.png) no-repeat 0 0;}
div.aBox.contour div.aBoxFoot div.bTitle {background: url(/img/Box/contour/aBoxFoot.png) repeat-x bottom left; }
div.aBox.contour div.aBoxFoot .bLeft {background:url(/img/Box/contour/aBoxLeftF.png) no-repeat bottom left; }
div.aBox.contour div.aBoxFoot .bRight {background:url(/img/Box/contour/aBoxRightF.png) no-repeat bottom right;}
/* Comportement du tab titre */
div.hasTitle {
	min-height:19px;
	line-height:0.8em;
	font-size:0.9em;
}
div.hasTitle div {min-height:19px;}
div.hasTitle h3 {
	padding:0.35em 0.25em 0;
	margin:0;
	border:none;
	font-size: 0.7em;
}
div.aBox.onglet h3 {
	text-align:center !important;
	margin: 0 2em;
}
div.hasTitle h3 img.closeBut { /* à sortir... dans StyleTT ou customTT ... */
	vertical-align:middle;
	margin:-2px 5px 0 0;
}

.Grisray div.hasTitle h3, 
.Grisray div.hasTitle h3 a, 
.Blackray div.hasTitle h3,
.Blackray div.hasTitle h3 a,
.c333 div.hasTitle h3,
.c333 div.hasTitle h3 a,
.c666 div.hasTitle h3,
.c666 div.hasTitle h3 a,
.c000tr div.hasTitle h3,
.c000tr div.hasTitle h3 a,
.c000 div.hasTitle h3,
.c000 div.hasTitle h3 a,
.Blueray div.hasTitle h3 a,
.Blueray div.hasTitle h3 {color:#FFF !important;}
.GradOrange div.hasTitle h3 {color:#e36020 !important;}


.GreyLite div.hasTitle h3,
.GreyLite div.hasTitle h3 a
.c000 div.hasTitle h3,
.c000 div.hasTitle h3 a {color:#d8b74a !important;}

.fefefe div.hasTitle h3 {color:#333 !important;}


/* Parent color influence modifications */
.Grisray div.aBoxIn,
.Blackray div.aBoxIn,
.fdNoir .GradOrange div.aBoxIn,
.Grisray div.aBoxIn,
.Blackray div.aBoxIn  {color:#333 !important;}

.Grisray div.aBoxIn p,
.Blackray div.aBoxIn p,
.GradOrange div.aBoxIn p,
.Grisray div.aBoxIn a,
.Blackray div.aBoxIn a {color:#333 !important;}
 
.c000a div.aBoxIn h3,
.c666 div.aBoxIn h3,
.c333 div.aBoxIn h3 {color:#FFF !important;}
.fefefe div.aBoxIn h3 {color:#666666 !important;}

.GradOrange div.aBoxIn a,
.GradOrange div.aBoxIn a:visited {color:#009966 !important;}

.c000tr div.aBoxIn h1 {color:#fff;}
.c000tr div.aBoxIn a,
.c000tr div.aBoxIn a:visited {color:#d0e0db; }
.c000tr div.aBoxIn a:hover {color:#ffcc8f;}

.fdNoir .fefefe div.aBoxIn {
	background:none;
	border:1px solid #666;
	color:#fefefe !important;
}
.fdNoir .Grisray div.aBoxIn a:visited,
.fdNoir .Blackray div.aBoxIn a:visited {color:#333 !important;}
.fdNoir .Grisray div.aBoxIn a:hover,
.fdNoir .Blackray div.aBoxIn a:hover {color:#FF6600 !important;}
.fdNoir .fefefe div.aBoxFoot {display:none;}
.fdNoir .fefefe div.aBoxIn * table {border:none !important;}

/* Descendants */
div.aBoxIn div {
	width:inherit;/*pour fonctionner avec largeur en pourcent ??? */
	margin:0 auto;
	}
div.aBoxIn h1 {
	padding:0;
	margin:0 0 0.2em;
	text-align:center;
	color:inherit !important;
	opacity:0.8;
	}
div.aBoxIn h2.hangingSubTitle {
	margin : 0 auto 0.5em;
	font-size:0.65em;
	text-align:center;
	padding:0.2em 0 0 ;
	color :inherit !important;
	border-top:1px #ccc dotted;
	}
div.aBoxIn h3 {
	padding: 0 1em;
	margin: 0 0 0.5em;
	color :inherit !important;
	}
div.aBoxIn h3:first-child {
	margin-top:0;
	padding-top:0;
	}
div.aBoxIn h4 {
	border-bottom:1px dotted #666; 
	margin : 0.75em  0.8em 0.5em;
	}
div.aBox .allcaps { margin:0em 1em;}
div.aBoxIn p {
	font-size:0.7em;
	padding:0em 0.8em 0em;
	/*margin:0 !important;*/ /* supprimer  by dave dimanche 24 janvier 2010 17:10:22, voire pour IE6 et 7 si cela passe sinon modifier dans les fichiers IEfix*/
	}
div.aBoxIn img {margin-bottom:0.25em;}
div.aBoxIn div img {
	display:block;
	margin:0 auto;
}
div.aBoxIn div a img {display:inline;}

/* Commande de disposition */
div.aBox.floating {float:left;}

/* subnav */
div.aBoxIn div.subnav { border:0;}

/* special module cases */
div.aBoxIn div ul li:last-child {margin-bottom:1em !important; }
div.aBoxIn  div#eritToolBox ul li:last-child {margin-bottom:0 !important; }