@charset "UTF-8";
/* CSS Document */
/* --- Construction de blocs à coins arrondis - Version 2.2 - created 2 Fevrier 2009  --- */ 
/* modif. 4 mars 2009- For percentage size behavior */
/* -- uniquement compatible avec la version 4 et la v1(templates) de Spray CMS -- */
div.aBox { /* container */
	background-color:transparent;
	margin:0.5em auto 0.5em;
	}
div.aBoxIn {/* contenu central _ correc dave 271008 */
	background:#EEE;
	overflow:auto;
	height:auto;
	width:inherit; /*pour fonctionner avec largeur en pourcent */
	margin:0 auto;
 } 
div.aBoxTop, 
div.aBoxFoot {
	min-height:5px;
	line-height:1px;
	font-size:1px;
	overflow:auto;
	/*width:inherit;pour fonctionner avec largeur en pourcent */
	margin:0 auto;
	}
div.aBoxTop div,
div.aBoxFoot div {
	float:left;
	min-height:5px;
}
div.aBox.GreyLite div.aBoxTop .bRight,
div.aBox.GreyLite div.aBoxFoot .bRight {float:right;}

/* -Gris light- Presque Blanc */
div.aBox.GreyLite div.aBoxIn {
	background-color : #fefefe;
	border:1px solid #e2e2e2;
	border-width:0 1px 0 1px;
	color : #333 !important;
}
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);}
div.aBox.c666 div.aBoxTop .bRight {background:url(/img/Box/c666/aBoxRight.png);}

/* 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 0 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  - 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 0 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 - noBottom - */
div.aBox.Blackray 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.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 0 0;}

/* Blue Ray - 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: #000 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;}

/* Grey White Gradient  - ok -  */
div.aBox.Grisray div.aBoxIn {
	/*background-color : #d7d7d7;*/
	background: #ccc 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;}

/* Orange - ok - */
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 0 0;}
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;}

/* Marron - ok - */
div.aBox.c956969  div.aBoxIn {background-color: #956969;color:#e2e2e2 !important;}
div.aBox.c956969 div.aBoxTop .bTitle {background: #956969 url(/img/Box/marron2/aBoxTop.png)/* repeat-x 0 0*/;}
div.aBox.c956969 div.aBoxTop .bLeft {background:url(/img/Box/marron2/aBoxLeft.png) no-repeat 0 0;}
div.aBox.c956969 div.aBoxTop .bRight {background:url(/img/Box/marron2/aBoxRight.png) no-repeat 0 0;}
div.aBox.c956969 div.aBoxFoot .bTitle {background:#956969 url(/img/Box/marron2/aBoxFoot.png) /*repeat-x bottom left*/;}
div.aBox.c956969 div.aBoxFoot .bLeft {background:url(/img/Box/marron2/aBoxLeftF.png) no-repeat bottom left;}
div.aBox.c956969 div.aBoxFoot .bRight {background:url(/img/Box/marron2/aBoxRightF.png) no-repeat bottom right;}

/* Descendants */
div.aBoxIn div {
	width:inherit;/*pour fonctionner avec largeur en pourcent */
	margin:0 auto;}
div.aBoxIn p {
	font-size:0.7em;
	padding:0em 0.8em 0em;
	margin:0 !important; /* forcé, évite les problèmes de contexte _ correc dave 271008 */
	/*width:85%;pour fonctionner avec largeur en pourcent */
	}
div.aBoxIn img {margin-bottom:0.25em;}

div.aBoxIn div img {
	display:block;
	margin:0 auto;
}
div.aBoxIn div a img {display:inline;}
div.aBoxIn .imgholder {
	display:block;
	margin:0 auto;
}
div.aBoxIn h2 {
	text-align:center;
	font-weight:bold;
	padding:0em 1em;
	margin:0em 0em 0.5em;
	}
div.aBoxIn h2 a img {
	display:block;
	}
div.aBoxIn h2 a:link {
	color:#fff;
	}
div.aBoxIn h3 {padding:0em 1em;margin:0em 0em 0.5em;}
div.aBoxIn h3:first-child {
	margin-top:0px;
	padding-top:0px;
}
div.aBoxIn h4 {border-bottom:1px dotted #666; margin:0 1.2em;}
div.aBox .allcaps { margin:0em 1em;}

/* Comportement du titre */
div.hasTitle {
	min-height:25px;
	line-height:0.8em;
	font-size:0.8em;
}
div.hasTitle div {min-height:25px;}
div.hasTitle h3 {
	padding:0.35em;
	margin:0;
	border:none;
}

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

.fefefe div.hasTitle h3 {color:#333 !important;}
.GradOrange div.hasTitle h3 {color:#e36020 !important;}
div.hasTitle h3 img.closeBut { /* à sortir... dans StyleTT ou customTT ... */
	vertical-align:middle;
	padding-bottom:3px;
	margin-right:5px;
}
/* Parents influence modification */
.Grisray div.aBoxIn p,
.Blackray div.aBoxIn p,
.GradOrange div.aBoxIn p,
.Grisray div.aBoxIn a,
.Blackray div.aBoxIn a {color:#333 !important;}

.GradOrange div.aBoxIn h2 a,
.Grisray div.aBoxIn h2 a,
.Blackray div.aBoxInh2  a {color:#e36020 !important;}
.GradOrange div.aBoxIn h2 a:hover,
.Grisray div.aBoxIn h2 a:hover,
.Blackray div.aBoxInh2  a:hover {color:#fff !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;}

.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;}

