/* CSS Document */

/* BALISES */

html{height:100%;}
body{
	margin:0;
	padding:0;
	background-color:#CBCBE2;
	text-align:center;
	height:100%;
}
body.popup{
	background-color:#FFF;
}
body,td,th,select,input,textarea{
	font-family: Arial, Helvetica, Sans-Serif;
	font-size:11px;
}

a{color:#000;} 

form{margin:0;padding:0;}
img{border:none;vertical-align:middle;}

hr{	color:#666;	background-color:#666;	height:1px;}
hr.hrBleu {color:#C2CAE0; background-color:#0C2B83; height:1px;}

ul{margin:0; padding:0; list-style:none;}
li{padding:1px;}

h1,h2{margin-top:0;margin-bottom:10px;margin-right:-3px;}
p{margin:10px 0 10px;}

table{cell-spacing:0;	padding:0; width:100%;	border-collapse:collapse;}

td{	margin:0;	padding:0;}

/* FIN BALISES */


/* SELECTEURS */

/* Couleurs de texte */
.txtBlanc{color:#FFF;}
.txtGris{color:#666;}
.txtBleu{color:#0C2B83;}
.txtOrange{color:#F70;}

/* Couleurs de fond */
.fondBlanc{background-color:#FFF;}

/* Divers */
.clear{clear:both;visibility:hidden;height:1px;margin:0;padding:0;}
.spacer{margin-left:20px;}
.margeBas{margin-bottom:10px;}
.tableInside{width:100%; margin-right:-3px;}
.hand{cursor:pointer;-cursor:hand;}
table.padding td{padding:5px;}
.infos 
{
	padding: 2px;
	padding-left:37px;
}
.infos2 {width:650px;}

/* table PETITE CARTOUCHE dans détail d'un dossier */
.infos3
{
	width:650px;
	padding: 2px;
	padding-left:37px;
}
 
/* Formulaires */
input.bouton{
	border: 1px solid #990707;
	border-top-color:#FF9480;
	border-left-color:#FF9480;
	background-color:#F30;
	color:#FFF;
	text-transform:uppercase;
	font-weight:bold;
	font-size:11px;
	margin-top:5px;
}
input.s60{width:60px;}
input.s200{width:180px;}
label{display:block;color:#0C2B83;margin-right:10px;margin-left:10px;}
div.bottomForm{
	border-top:1px solid #0C2B83;
	padding:10px;
	padding-left:30%;
	margin-top:30px;
}

/* Colonnes */
div.columnRight
{
	float:right;
	width:217px;
	margin-right: 1px;
}
div.columnLeft{
	position:relative;
	margin-right: 277px;
	margin-left: 3px;
}

div.astuceRight{
	float:right;
	width:150px;
	padding: 0 5px;
}
div.astuceLeft{
	position:relative;
	margin-right: 160px;
}
.border1{
	border-right:1px solid #0C2B83;
}

.acces {
	width:700px;
}

/* Onglets */
div.onglets, div.ongletsWhite{
	width:100%;
}
div.ongletsWhite{
	background:url(../img/img_ongletsWhite_fond.gif) repeat-x bottom left;
}
div.onglets ul, div.ongletsWhite ul {
	margin:0;
	padding:10px 0 0;
	list-style:none;
}
div.onglets li, div.ongletsWhite li {
	float:left;
	background:url(../img/img_onglet_off_gauche.gif) no-repeat left top;
	margin:0;
	padding:0 0 0 5px;
}
div.onglets a, div.ongletsWhite a, div.onglets span, div.ongletsWhite span{
	float:left;
	display:block;
	background:url(../img/img_onglet_off_droite.gif) no-repeat right top;
	padding:5px 10px 3px 5px;
	font-weight:bold;
	color:#0C2B83;
	text-decoration:none;
}
div.onglets li.on {background-image:url(../img/img_onglet_on_gauche.gif);}
div.onglets li.on a, div.onglets li.on span {background-image:url(../img/img_onglet_on_droite.gif);}

div.ongletsWhite li{background-image:url(../img/img_ongletwhite_off_gauche.gif);}
div.ongletsWhite a, div.ongletsWhite span{background-image:(../img/img_ongletwhite_off_droite.gif);}
div.ongletsWhite li.on {background-image:url(../img/img_ongletwhite_on_gauche.gif);}
div.ongletsWhite li.on a, div.ongletsWhite li.on span{background-image:url(../img/img_ongletwhite_on_droite.gif);}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
div.onglets a {float:none;}
/* End IE5-Mac hack */


/* Titres */
h1{
	font-size:21px;
	color:#0C2B83;
	margin-bottom:25px;
	width:100%;
}

/* Chapeau dans Home Dossiers */
h2.home{
	font-size:16px;
	font-weight:bold;
	padding: 3px;
	padding-left: 20px;
	border-bottom:1px solid #F70;
	background:url(../img/fleche_pixel_orange.gif) no-repeat 0 50%;
}
h2.home a{ color:#F70; text-decoration:none;}




/* Chapeau dans autres pages */
h2.chapeau{
	font-size:16px;
	color:#F70;
	font-weight:bold;
	padding-top : 17px;
	text-decoration:none;
	width:100%;
}

h2.recherche{
	color:#F70;
	text-transform:uppercase;
	font-size:13px;
	background:url(../img/img_recherche_filet.gif) repeat-x 0 0;
	margin-top:30px;
	width:100%;
}

h3{
	color:#0C2B83;
	font-size:13px;
	margin-bottom:5px;
	width:100%;
}

h3.formulaire{
	color:#0C2B83;
	font-size:13px;
	background:url(../img/img_form_filet.gif) repeat-x 0 0;
	margin-top:10px;
	margin-bottom:10px;
}
h3.formulaire span{background-color:#FFF; padding-right:5px;}


/* Boites */
div.boiteRecherche, div.boitePerso{
	background-repeat:no-repeat;
	background-position:0 0;
	margin-bottom:15px;
	padding:10px 0 3px 5px;
	color:#F70;
}
div.boiteRecherche{background-image:url(../img/img_encart_recherche_rapide.gif);}
div.boitePerso{background-image:url(../img/img_encart_personnalisation.gif);}

div.boiteRecherche form{text-align:left;}
div.boiteRecherche label{color:#F70; text-align:left; margin-left:0;}

div.boiteRecherche div, div.boitePerso div{border:1px solid #C2CAE0; border-top:none; padding: 5px 5px 15px 10px; background:url(../img/img_encart_bas.gif) no-repeat 0 100%; }
div.boiteRecherche h2, div.boitePerso h2{font-size:13px;margin-bottom:5px;}

div.boiteAstuce{
	background:url(../img/img_fond_astuce.gif) no-repeat 0 0;
	padding-bottom:2px;
	padding-right:2px;
}
div.boiteAstuce div{
	background:url(../img/img_coin_astuce.gif) no-repeat 0 0 #E8E8E8;
	padding:5px;
	padding-left:10px;
	color:#666;
}
div.boiteAstuce strong{display:block; padding-left:15px;}

div.boiteOrange{	background-color:#F70; padding:1px; margin-bottom: 15px; margin-left:5px; color:#FFF;	text-align:left;}
div.boiteOrange div{ padding:5px;}

/* Tableaux 1 */
div.tableData{width:100%;margin-right:-3px; margin-bottom:10px; clear:left; }
div.tableData th{
	text-align:left;
	background-color:#CBCBE2;
	color:#0C2B83;
	font-weight:normal;
}
div.tableData td.tdHeader{
	text-align:left;
	background-color:#CBCBE2;
	color:#0C2B83;
	font-weight:normal;
}
div.tableData tr.head{
	text-align:left;
	background-color:#CBCBE2;
	color:#0C2B83;
	font-weight:normal;
}

div.tableData td,div.tableData th{
	border:1px solid #8596C1;
	padding:3px 10px 3px 10px;
}
div.tableData tr.alt{background-color:#E6E6F1;}

tr.tableFooter td{
	padding-top:10px;
}

/* Tableaux 2 */
/* div.tableData2{width:85%;margin-right:-3px; margin-bottom:10px; clear:left; } */
div.tableData2{width:100%;margin-right:-3px; margin-bottom:10px; clear:left; }
div.tableData2 td.tdHeader{
	text-align:left;
	background-color:#CBCBE2;
	color:#0C2B83;
	font-weight:normal;
}
div.tableData2 tr.alt{ background-color:#E6E6F1;}

div.tableData2 td,div.tableData2 th{
	border:1px solid #8596C1;
	padding:3px 10px 3px 10px;
}

input.textinactif{background-color:#e5e5e5;}
textarea.textinactif{background-color:#e5e5e5;}

/* Tableaux 3 */
div.tableData3{width:70%;margin-right:3px; margin-bottom:5px; clear:left; }
div.tableData3 td,div.tableData3 th{
	border:0px;
	padding:3px 5px 3px 5px;
}

input.Inactif { background-color:Gray; }

/* Tableaux 4 */
div.tableData4{ width:auto; margin-right:3px; margin-bottom:10px; clear:left;}
div.tableData4 td.tdHeader{
	text-align:left;
	background-color:#CBCBE2;
	color:#0C2B83;
	font-weight:normal;
}
div.tableData4 tr.alt{ background-color:#E6E6F1;}

div.tableData4 td, div.tableData4 th{
	border:1px solid #8596C1;
	padding:3px 6px;
}
/* Tableaux 5 
TABLE.tableData5 td, TABLE.tableData5 th{
	border:1px solid #8596C1;
	padding:3px 10px 3px 10px;
}
TABLE.tableData5 th{
	text-align:left;
	background-color:#CBCBE2;
	color:#0C2B83;
	font-weight:normal;
}
*/

/* class pour Popup */
div.corpsPopup{
	background-color:#FFF;
	padding-left:20px;
	padding-right:20px;
}

/* Tableaux statistics*/
table.tableStats{
	padding:3px 5px 3px 5px;
}

table.tableStats td{
	padding-left:5px;
	padding-right: 5px;
}

table.tableStats td.categorie{
	padding-top:5px;
}

/*Tire des referentiels*/
div.titreref
{
	padding: 3px;
	padding-left:50px;
	margin-top:15px;
	margin-bottom:10px;
	font-size:14px;
	color : #F70;
		font-weight:bold;
}

/*Tire des resultats*/
div.titreref2
{
	margin-top: 7px;
	margin-bottom: 15px;
	font-size:11px;
	color : #F70;
		font-weight:bold;
}

div.stitreref
{
	padding-left:100px;
	margin-bottom:5px;
}
