body{font-size:10px; color:#505050; font-family: Verdana, Arial, Helvetica, sans-serif; margin:0;
 background: url(images/banderouge.gif) repeat-x top;}

p{padding:0; margin: 2px 0 4px 0;}
em{font-size:12px; color:#768585; font-family: Verdana, Arial, Helvetica, sans-serif;}
u{ text-decoration:none; display:block; height:1px; font-size:1px; clear:both;}
a img{border:0;}
h1{font-size:20px; color:#790000; font-weight: normal; font-family: Arial, Helvetica, sans-serif; padding:0; margin: 2px 0 6px 0;}
h1 a{font-size:20px; color:#790000; font-weight: normal; font-family: Arial, Helvetica, sans-serif; padding:0; margin: 2px 0 6px 0;}
h1 a:hover{color: #aa0000;}
h2{font-size:15px; color:#5c84d6; font-weight: bold; font-family: Arial, Helvetica, sans-serif; padding:0; margin: 2px 0 4px 0;}
h2 a{font-size:15px; color:#5c84d6; font-weight: bold;font-family: Arial, Helvetica, sans-serif; padding:0; margin: 2px 0 4px 0;}
h2 a:hover{color:#90ace3;}
h3{font-size:14px; color:#790000; font-weight: bold; font-family: Arial, Helvetica, sans-serif; padding:0; margin: 2px 0 4px 0;}
h3 a:hover{color:#aa0000;}
h4{font-size:14px; color:#5c84d6; font-weight: normal; font-family: Arial, Helvetica, sans-serif; padding:0; margin: 2px 0 4px 0;}
h4 a{font-size:13px; text-decoration:none; display: block;}
h4 a:hover{color:#90ace3;}
h5{font-size:13px; color:#5c84d6; font-weight: normal; font-family: Arial, Helvetica, sans-serif; padding:0; margin: 2px 0 4px 0; font-style: italic;}
h5 a{font-size:13px; color:#5c84d6;}
h5 a:hover{color:#90ace3;}
ul{list-style-type: none; padding: 0px;  margin:0 0 0 4px; font-family: Verdana, Arial, Helvetica, sans-serif;font-weight:normal; font-size:10px; color: #405058;}
li{background-image: url(images/puce.gif); background-repeat: no-repeat; background-position: 0 .3em; padding:0; padding-left: 15px; border:0; margin: 0 0 0 12px}
ul ul li{background-image: url(images/puce2.gif); background-repeat: no-repeat; background-position: 0 .5em; padding:0; padding-left: 8px; border:0; margin: 0 0 0 12px;}
ul.carres li{background-image: url(images/carre.gif); margin: 0;}
ul.carresrouge li{background-image: url(images/carrerouge.gif);}
div{margin:0;padding:0}
a{font-family: Verdana, Arial, Helvetica, sans-serif; color:#305fbd;
	font-size:10px; text-decoration:underline;}
a:hover{color:#5c84d6;}
a:hover .cadre{border:1px solid #94da78;}
hr{display:block; text-decoration:none; height:0; clear:both; border:0; visibility: hidden; margin:0; padding:0;}
u{display:block;text-decoration:none; height:0; font-size:1px; clear:both;}
u.esp{height:18px;}
u.esp10{height:10px;}
u.esp20{height:20px;}

/* CLASSES */

.inline{display: inline;}
.rouge{color: #790000; font-weight: bold;}
.menuderoulant{margin: -25px 0 10px 0; text-align: right;}
.margd{margin-right: 12px; margin-bottom:10px;}
.dep			{overflow: visible;}
.rel			{position:relative;}
.none		{display:none;}
.h100		{height:100px;}
.h120		{height:120px;}
.h140		{height:140px;}
.h160		{height:160px;}
.h180		{height:180px;}
.h200		{height:200px;}
.mt5			{margin-top:5px;}
.mt10		{margin-top:10px;}/* permet de gérer les marges internes et externes en haut et en bas d'un élément : utile pour les espacement de paragraphes */
.mt20		{margin-top:20px;}
.mt30		{margin-top:30px;}
.mt40		{margin-top:40px;}
.mt50		{margin-top:50px;}
.mt60		{margin-top:60px;}
.mt70		{margin-top:70px;}
.mt80		{margin-top:80px;}
.mt90		{margin-top:90px;}
.mt100		{margin-top:100px;}
.mb5			{margin-bottom:5px;}
.mb10		{margin-bottom:10px;}
.mb20		{margin-bottom:20px;}
.mb30		{margin-bottom:30px;}
.mb40		{margin-bottom:40px;}
.mb50		{margin-bottom:50px;}
.mb60		{margin-bottom:60px;}
.mb70		{margin-bottom:70px;}
.mb80		{margin-bottom:80px;}
.mb90		{margin-bottom:90px;}
.mb100		{margin-bottom:100px;}
.mt-10		{margin-top:-10px;}
.mt-15		{margin-top:-15px;}
.mt-20		{margin-top:-20px;}
.mt-25		{margin-top:-25px;}
.mt-30		{margin-top:-30px;}
.marg15{margin:15px;}
.pad15{padding:15px;}
.margd{margin-right:10px; float:left;}
.margg{margin:0 0 10px 10px; float:right;}
.margd10{margin-right:10px;}
.margg10{margin-left:10px;}
.padg{padding-left:10px;}
.padd{padding-right:10px;}
.padh{padding-top:10px;}
.padb{padding-bottom:10px;}
.fleft{float:left; display:block;}
.fright{float:right;display:block;}
.fcenter{margin-left:auto;margin-right:auto;}
.note,
.small{font-family:Arial, Helvetica, sans-serif; font-size:9px; font-weight:normal; text-transform:none;}
.note{color:#9b6a93; color:#89afc0;}
.c{text-align:center;}
.g{text-align:left;}
.d{text-align:right;}
.j{text-align:justify;}
.l5{width:5%;}
.l10{width:10%;}
.l15{width:15%;}
.l20{width:20%;}
.l25{width:25%;}
.l30{width:30%;}
.l35{width:35%;}
.l40{width:40%;}
.l45{width:45%;}
.l48{width:48%;}
.l50{width:50%;}
.l55{width:55%;}
.l60{width:60%;}
.l65{width:65%;}
.l70{width:70%;}
.l75{width:75%;}
.l80{width:80%;}
.l85{width:85%;}
.l90{width:90%;}
.l95{width:95%;}
.l100{width:100%;}
.l150{width:150px;}
.l200{width:200px;}
.l250{width:250px;}
.l300{width:300px;}
.l350{width:350px;}
.l400{width:400px;}
.l450{width:450px;}
.l500{width:500px;}
.l550{width:550px;}
.l600{width:600px;}
.l650{width:650px;}
.l700{width:700px;}
.cur{cursor:pointer;}
.uc{text-transform:uppercase;}
.lc{text-transform:lowercase;}

 /* FORMULAIRES */
.champcontact{background:  url("images/fond_champ.gif") repeat-x top; background-color: #ffffff; 
	border:1px solid #cccccc;padding: 0 2px 0 2px; margin:0;
	color:#405058; font-family: Verdana, Arial, Helvetica, sans-serif;font-size:10px;}
.champfocus{background: url("images/fond_champfocus.gif") repeat-x top; background-color: #ffffff;
	border-left:1px solid #6bb5e5; border-right:1px solid #6bb5e5; border-top:1px solid #3d8fc5; border-bottom:1px solid #92c5e7;	color:#0a82fe;font-family: Verdana, Arial, Helvetica, sans-serif; font-size:10px;
	padding: 0 2px 0 2px; margin:0;}
.champcontacterreur{background:  url("images/fond_champerreur.gif") repeat-x top; background-color: #be0d0d;
	border:1px solid #5f0606; padding: 0 2px 0 2px; margin:0;
	color:#FFFFFF;	font-family: Verdana, Arial, Helvetica, sans-serif; font-size:10px;}
.erreur{color:#be0d0d;	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:10px; font-weight:bold}
.send{background: url("images/fond_send.gif") repeat-x top; background-color: #b40d0c; color: #FFFFFF;
	border:1px solid #5f0606;	text-align : center; font-weight: normal; font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;}
	
/* ##### pour tableau et datagrid ##### */
.tableau{margin: 0 0 6px 0;border-top: 1px solid #b4c7d8; border-left: 1px solid #b4c7d8;clear:both;}
.tableau th{background-color:#86a5c1; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #FFFFFF;
	border-bottom: 1px solid #4a7091; border-right: 1px solid #4a7091;padding:4px;text-align:left;}
.tableau td{border-bottom: 1px solid #b4c7d8; border-right: 1px solid #b4c7d8; padding:4px;}
.tableau .sansbord{border-bottom:0;}

#tdlogo{background-color:#1F3E7D;}
#tdlogo div{float:right; margin-right:15px; margin-top: 15px;}

.lettre{background-color: #1e3d7d; text-align:center; padding: 2px 4px; color: #FFFFFF;width: 30px;}
#outils{width:255px; height:400px;}

#menuonglets{width:100%; margin:0; width: 100%; clear: both;}
#menuonglets ul{width:100%; border-left: 1px solid #8c8c8c; border-right: 1px solid #d0d0d0;padding: 0; margin:0; margin-top: 5px;  clear: both;}
#menuonglets li{height:26px; width: 49%; float: left; background: url(images/fond_ongletdroite.gif) bottom repeat-x #c4c4c4;
	border-left: 1px solid #d0d0d0; border-right: 1px solid #8c8c8c; border-bottom: 1px solid #8c8c8c; border-top: 1px solid #d0d0d0; padding: 0; margin: 0 1px 0 0;}
#menuonglets a {color:#444444;font-weight: bold; display: block; text-decoration:none; padding: 0; line-height: 24px; text-align: center; }
#menuonglets a:hover{color:#FFFFFF;}
#menuonglets li.select a{color:#777777;}

#offre{margin:8px 6px 4px 16px;}
#offre h1{font-size:17px; color:#6B6B6B;font-weight: bold;}
#offre ul{margin-bottom: 10px;}
#offre li{margin-bottom: 3px;}
#offre li a{font-size: 12px;}
#offre a{color:#405058;}
#offre a:hover{color:#859ba6;}

#plansite{border-left: 6px solid #dbdbdb; padding: 10px;}
#plansite li{margin: 6px 0;}

#liens{color:#768585;margin: 0 10px 0 0;text-align:right;height:27px}
#liens a{font-family: Verdana, Arial, Helvetica, sans-serif; color:#768585;
	font-size:11px; line-height: 26px;text-decoration:none;}
#liens a:hover{color:#bdc4c4;}

#principal{border-left: 1px solid #cdcdcd; margin: 0; padding: 0;}
#contenu{margin:10px 20px; padding:0;}
#droite{border-right: 1px solid #cdcdcd;  background-color: #bebfbf; width: 255px;}
#droite #contenudroite{margin: 0 15px 0 20px;}

#sitemap{color:#9aa5a5;text-align:left;height:20px; margin: 12px 0 10px 20px;}
#sitemap a{font-family: Verdana, Arial, Helvetica, sans-serif; color:#9aa5a5;font-size:10px;}
#sitemap a:hover{color:#c6cdcd;}

#talon{background-color: #dbdbdb; padding: 14px 30px;}

.clair{color: #999999;}
.justifie{text-align:justify}
.cadre{border:1px solid #dcdcdc;padding:1px;}
.blanc{color:#ffffff;}
.petit{font-size: 9px;line-height:12px; color: #8c8c8c;}
.clear{clear:both;}
.marged{padding-right:15px;}
.margeg{padding-left:15px;}
.decald{margin:0 15px 10px 0;}
.decalg{margin:0 0 10px 15px;}
.fondgris{background-color: #ebebf3; border: 1px solid #dfdfe6; padding:12px; margin-bottom: 8px;}
.fondclair{background-color: #f3f3f8; border: 1px solid #dfdfec; padding:12px; margin-bottom: 8px;}
.fonddegrade{background: url(images/degrade_gris.gif) repeat-x top; background-color: #e6e6e6; border: 1px solid #cccdcd; padding:12px; margin-bottom: 8px;}
form{border:0; padding:0; margin:0}
input{margin: 1px;}
.note{color: #aaaaaa; font-size: 9px;}

.formfondlibelle{background-color: #f3f3f8; border: 1px solid #dfdfec; padding:4px 8px;}
.formfondchamp{background-color: #fafafd; border: 1px solid #efeff6; padding:4px 8px;}

#haut{border-top: solid 1px #ededed; border-left: solid 1px #ededed; border-right: solid 1px #ededed}
#main{border-bottom: solid 1px #ededed; border-left: solid 1px #ededed; border-right: solid 1px #ededed}

.table{border: 1px solid #d0dce2;border-collapse:collapse; padding:2px}
.table td{border: 1px solid #ededed}
.table thead{background: url("images/fond_champ.gif") repeat-x top;font-weight:bold;padding: 1px; line-height:20px;border:1px solid #ededed; color:#607887}
.table th{background: url("images/fond_champ.gif") repeat-x top;font-weight:bold;padding: 1px; line-height:20px;border:1px solid #ededed; color:#607887}



#colonnecentre{padding: 0 10px 10px 10px; }
.fondvisuel{background: url(backoffice/images/visuel.jpg) no-repeat bottom left;}


/* ############### BO ############### */
#pageBO{border: #dbdbdb 1px solid;margin: 0px auto; width: 90%; padding:1px; }
#gaucheBO{padding:0}

.commentaire{ background-color:Olive; color:White; text-align:left}


.menuBO{border:0; margin:0;padding:0;list-style-type: none;padding:0;margin:0; border:0;width:100%; background-color:#bebfbf; border-top: 1px solid #666666;border-bottom: 1px solid #e9e9e9}
.menuBO li{border:0; margin:0;padding:0;list-style-type: none; background-image:none; border-top: 1px solid #e9e9e9; border-bottom: 1px solid #666666;height:35px; line-height:35px;color:white;background-image:url("backoffice/images/fongmenuBo.jpg"); background-repeat:repeat-x; background-position:bottom;font-size:12px;  }

.menuBO li a{border:0; margin:0;padding:0;width:100%; display:block; height:35px; line-height:35px;color:white; text-decoration:none;font-size:12px; }

.menuBO li a:hover{background-image:url("backoffice/images/fongmenuBoOver.jpg"); background-repeat:repeat-x; background-position:bottom}



/* ##### ONGLETS ##### */
.barre, .barre1b, .barre2b  {list-style-type: none; text-align:left; margin:0; padding:1px; padding:2px;  height:22px; background-color:#ededed; 
    border:1px solid #d0dce2; background-image:url(backoffice/images/fondTa.jpg); background-repeat:repeat-x; background-position:bottom}
.barre li, .barre1b li, .barre2b li {width:80px; height:20px; line-height:20px; display:block; padding:1px; margin:0 1px 0 0; float:left; text-align:center; background-image : none;  }
.barre li.Over, .barre1b li.Over, .barre2b li.Over{background-color:#d0dce2; cursor:pointer; background-image:url(backoffice/images/fondTaOver.jpg); background-repeat:repeat-x; background-position:bottom }
.barre li.Selected{background-image:url(backoffice/images/fondTaOver.jpg); background-repeat:repeat-x; background-position:bottom}

.barre{width:250px;}
.barre1b{width:82px;}
.barre2b{width:167px;}

.barre input{border:0; color:#405058; font-family: "Trebuchet MS", Trebuchet, Verdana, Arial; font-size:11px; padding: 0 2px 0 20px; margin:0;}

/* ##### AJAX ##### */

#Ta {margin:0; background-color:#ededed; }
#Ta_header{border-collapse:collapse;}
#Ta_tablebody {border-collapse:collapse; padding:2px}
#Ta_tablebody {border:1px solid #bebfbf}

.Ta th {font-weight:bold;padding: 1px; line-height:20px;border:0; background-color:#ededed;color:#000000; background-image:url(backoffice/images/fondTa.jpg); background-repeat:repeat-x; background-position:bottom}
.Ta th a {text-decoration: none; margin-right: 10px;color:#000000}
.Ta th a img {border: 0;}
.Ta tr.alternate{}
.Ta tr.selected {background-color: #d0dce2;}
.Ta tr.rowover {background-color: #d0dce2;}
.Ta td{text-align: left;border: 1px solid #ededed;}
.Ta td.rowselector {background-color: #d0dce2;}
.Ta th a:hover{text-decoration:underline}

.cadrebleu{background:url(images/cadrebleu_hg.gif) no-repeat top left; margin:0 0 8px 0; padding:0; clear:both; float:none;}
.cadrebleu div{background:url(images/cadrebleu_hd.gif) no-repeat top right; margin:0; padding:0;  display:block;}
.cadrebleu div div{background:url(images/cadrebleu_bd.gif) no-repeat bottom right;}
.cadrebleu div div div{background:url(images/cadrebleu_bg.gif) no-repeat bottom left; padding:22px;}