body{
	margin: 30px 5px 0 5px;
	color:#000;
	font-size:11px;
	background:#FFF url(../img/shw_haut_page.gif) repeat-x;
	font-family : "Trebuchet MS",Verdana,Arial,Helvetica,Tahoma,sans-serif;
}

#contenant{
	width:742px;
	margin:0 auto 0 auto;
	position:relative;
}

p{margin-bottom:0;color:#776955;}
h1{margin:0;font-size:20px;color:#BF6500;height:40px;}
a{color:#BF6500;}

/*** Section entete
 *** Contient : Logo du complice, espace de login et les boutons ***/
#top{
	position:relative;
	height:50px;
}

#top #logocomplice{
	background:url(../img/complice_logo.gif) no-repeat;
	width:149px; height:50px;
}

#top #login{
	position:absolute;
	top:0; right:200px;
	background:url(../img/picto/picto_usager.gif) left top no-repeat;
	color:#C16500;
	font-size:12px;
	padding-left:20px;
	line-height:16px;
}

#top #login a{
	color:#C16500;
	font-size:10px;
	line-height:14px;
}

#top #topbtn{
	position:absolute;
	top:0;right:0;
}

#topbtn ul{margin:0;padding:0;list-style:none;}
#topbtn ul li.aide{
	float:right;
	background:url(../img/aide.gif) 0 -46px no-repeat;
	width:30px;height:23px;
}

#topbtn ul li.quitter{
	float:right;
	background:url(../img/quitter.gif) 0 -46px no-repeat;
	width:56px;height:23px;
}
#topbtn ul li.aide a{background:url(../img/aide.gif) no-repeat;width:23px;height:23px;display:block;}
#topbtn ul li.quitter a{background:url(../img/quitter.gif) no-repeat;width:56px;height:23px;display:block;}
#topbtn ul li.aide a:hover,#topbtn ul li.quitter a:hover{background-image:none;}

/*** Fin de la section entete ***/

/**************************************************************************************/

/*** Collections
 *** Contient : logo, boutons relatifs aux collections et le filet ***/
.collection{
	border-top:1px solid #D6D6D6;
	margin-bottom:30px;
	width:742px;
}
.siteclasse{float:right;text-align:right;padding-top:10px;}
.siteclasse a{
	width:200px;
	display:block;
	height:25px;
	font-size:10px;
	color:#000;
	padding-right:30px;
	padding-bottom:10px;
	background:url(../img/picto/icone_journal.gif) right top no-repeat;
}

.collection .information{
	float:right;
	border-left:1px solid #D6D6D6;
	width:450px;
	padding-left:15px;
	margin-top:10px;
}
.collection .information h1{font-size:11px;color:#00529B;margin:0;}
.collection .information p{color:#5B6F8A;margin:0;font-size:10px;line-height:16px;}

.collection ul,#gestion .btncollection ul{
	margin:-30px 0 2px 0;
	padding:0 4px 0px 0;
	list-style:none;
	height:34px;
	border-bottom:6px solid #E3CB8F;
}

#gestion{clear:both;}
#gestion .btncollection ul{margin-top:5px;border-bottom:3px solid #E3CB8F;}

.collection ul li.sites-classes{
	float:right;
	background:url(../img/onglet/mettre_a_jour.gif) 0 -68px no-repeat;
	width:114px;height:34px;
}

.collection ul li.sites-classes-done{
	float:right;
	background:url(../img/onglet/mettre_a_jour.gif) 0 -136px no-repeat;
	width:114px;height:34px;
}

.collection ul li.fil-nouvelles{
	float:right;
	background:url(../img/onglet/fil_nouvelles.gif) 0 -68px no-repeat;
	width:141px;height:34px;
}

.collection ul li.statistiques{
	float:right;
	background:url(../img/onglet/fil_nouvelles_statistiques.gif) 0 -68px no-repeat;
	width:141px;height:34px;
}

.collection ul li.activite{
	float:right;
	background:url(../img/onglet/activites_ala_une.gif) 0 -68px no-repeat;
	width:119px;height:34px;
}
.collection ul li.portail{
	float:right;
	background:url(../img/onglet/portail.gif) 0 -68px no-repeat;
	width:119px;height:34px;
}

.collection ul li.banque{
	float:right;
	background:url(../img/onglet/explorer.gif) 0 -68px no-repeat;
	width:119px;height:34px;
}

.collection ul li.commentaires{
	float:right;
	background:url(../img/onglet/commentaires.gif) 0 -68px no-repeat;
	width:119px;height:34px;
}

.collection ul li.retour{
	float:right;
	background:url(../img/onglet/retour_collection.gif) 0 -68px no-repeat;
	width:114px;height:34px;
}

.collection ul li.back{
	float:right;
	margin-top:13px;
	background:url(../img/onglet/retour.gif) 0 -42px no-repeat;
	width:112px;height:21px;
}

.collection ul li a{
	width:100%;height:100%;
	display:block;
}
.collection ul li p a{
	width:100%;height:100%;
	display:inline;
}

.collection ul li.sites-classes a{background:url(../img/onglet/mettre_a_jour.gif) no-repeat;}
.collection ul li.retour a{background:url(../img/onglet/retour_collection.gif) no-repeat;}
.collection ul li.back a{background:url(../img/onglet/retour.gif) no-repeat;}
.collection ul li.fil-nouvelles a{background:url(../img/onglet/fil_nouvelles.gif) no-repeat;}
.collection ul li.activite a{background:url(../img/onglet/activites_ala_une.gif) no-repeat;}
.collection ul li.portail a{background:url(../img/onglet/portail.gif) no-repeat;}
.collection ul li.statistiques a{background:url(../img/onglet/fil_nouvelles_statistiques.gif) no-repeat;}
.collection ul li.banque a{	background:url(../img/onglet/explorer.gif) no-repeat;}
.collection ul li.commentaires a{ background:url(../img/onglet/commentaires.gif) no-repeat;}

.collection ul li a:hover{background-image:none;}

.collection .filet, #footer .filet{
	background:url(../img/filet_bas.gif) no-repeat;
	width:742px; height:13px;
}

#titresiteclasse{
	background-color:#00529B;
	padding:0 8px;
	border-bottom:3px solid #7087A0;
	color:#FFF;
	font-weight:bold;
	line-height:35px;
	height:35px;
}

/*** NAVIGATION ***/
#navigation{position:relative;width:742px;}
#navigation ul{position:absolute;top:3px;left:258px;margin:0;padding:0;list-style:none;border:none;}
#navigation ul li{float:right;margin:0;padding:0;}

#navigation ul li a:hover{background-image:none;}

#visualiser{
	background:url(../img/navigation/visualiser.gif) 0 -70px no-repeat;
	width:121px;height:35px;
}
#visualiser a{
	background:url(../img/navigation/visualiser.gif) no-repeat;
	width:121px;height:35px;
	display:block;
}
#visualiserdone{
	background:url(../img/navigation/visualiser.gif) 0 -140px no-repeat;
	width:121px;height:35px;
}
#configurer{
	background:url(../img/navigation/configurer.gif) 0 -70px no-repeat;
	width:121px;height:35px;
}
#configurer a{
	background:url(../img/navigation/configurer.gif) no-repeat;
	width:121px;height:35px;
	display:block;
}
#configurerdone{
	background:url(../img/navigation/configurer.gif) 0 -140px no-repeat;
	width:121px;height:35px;
}
#modifier{
	background:url(../img/navigation/modifier.gif) 0 -70px no-repeat;
	width:121px;height:35px;
}
#modifier a{
	background:url(../img/navigation/modifier.gif) no-repeat;
	width:121px;height:35px;
	display:block;
}
#modifierdone{
	background:url(../img/navigation/modifier.gif) 0 -140px no-repeat;
	width:121px;height:35px;
}
#composer{
	background:url(../img/navigation/composer.gif) 0 -70px no-repeat;
	width:121px;height:35px;
}
#composer a{
	background:url(../img/navigation/composer.gif) no-repeat;
	width:121px;height:35px;
	display:block;
}
#composerdone{
	background:url(../img/navigation/composer.gif) 0 -140px no-repeat;
	width:121px;height:35px;
}
/*** Fin de la section collection ***/

/**************************************************************************************/

/*** Tableau collection
 *** contient toutes les classes relative au tableau site-classe ***/
#listesites{margin-top:5px;margin-bottom:5px;}

#listesites td.btnsupprimer a{
	width:100%;height:23px;
	display:block;
}

#listesites td.txt{
	background-color:#2F598C;
	color:#FFF;
	padding-left:15px;
	border-bottom:2px solid #FFF;
}

#listesites td.txt a{color:#FFF;}

#listesites td.btnsupprimer{border-bottom:2px solid #FFF;background:#2F598C url(../img/picto/icone_supprimer_bleu.gif) center no-repeat;width:50px;height:20px;}

#txtajout, #txtajout a{
	height:20px;
	margin-top:7px;
	position:relative;
	color:#9D9C78;
	text-decoration:none;
}

#txtajout .ajoutsites{position:absolute;left:15px;}
#txtajout .ajoutsites a{color:#2F598C;}
#txtajout .combien{position:absolute;right:15px;}

/*** Fin des tableaux collection ***/
/**************************************************************************************/

/*** Bouton ajouter une collection ***/
#btnajoutcollection{
	text-align:right;
	margin-bottom:3px;
}
#btnajoutcollection a{
	text-decoration:none;
	color:#2F598C;
	font-size:12px;
}

#btnajoutcollection a:hover{background-image:none;}
/*** Fin du bouton ajouter une collection ***/

/**************************************************************************************/

/*** Section du footer ***/
#footer{
	clear:both;
	margin-top:30px;
	color:#A9AA8C;
	font-size:10px;
	margin-bottom:10px;
}
#footer a{color:#A9AA8C;}

#footer .editions{color:#005098;}

/*** Fin du footer ***/

/**************************************************************************************/

/*** gérer les messages
 *** Contient : ***/
#explications{
	margin-left:15px;
}


#explications .titre{clear:both;}
#explications .colmessage{clear:both;border-bottom:1px solid #D6D6D6;height:49px;width:700px;}
#explications .colmessage .coted,#explications .colmessage .coted2,#explications .colmessage .coted3{
	float:left;
	width:146px;
	height:50px;
	background:#BB747C url(../img/menu_cote/filet_rouge.gif) left bottom no-repeat;
}
#explications .colmessage .coted2{background:#E19E66 url(../img/menu_cote/filet_orange.gif) left bottom no-repeat;}
#explications .colmessage .coted3{background:#E5BE79 url(../img/menu_cote/filet_jaune.gif) left bottom no-repeat;}
#explications .colmessage .coted-contenu,#explications .colmessage .coted-contenu2,#explications .colmessage .coted-contenu3{background: url(../img/menu_cote/fleche_blanche.gif) 15px 8px no-repeat;padding:5px 10px 5px 25px;}
#explications .colmessage .coted a,#explications .colmessage .coted2 a,#explications .colmessage .coted3 a{line-height:13px;color:#FFF;text-decoration:none;}
#explications .colmessage .coted a:hover{color:#FFF;text-decoration:none;background-color:#A02730;}
#explications .colmessage .coted2 a:hover{background-color:#CD5E00;}
#explications .colmessage .coted3 a:hover{background-color:#D49000;}

#explications .colmessage .txt{float:right;width:540px;line-height:11px;padding-top:7px;color:#6F6F6F;}

/**************************************************************************************/




/*** Étape ***/
.etape ul{margin:0;padding:0;list-style:none;border-bottom:1px solid #C55A01;height:35px;}
.etape ul li{float:left;}
.etape ul li a:hover{background-image:none;}
/***etape1***/
.etape ul li.etape1done{
	background:url(../img/etapes/etape_01.gif) 0  -140px no-repeat;
	width:185px;height:35px;
}
.etape ul li.etape1{
	background:url(../img/etapes/etape_01.gif) 0  -70px no-repeat;
	width:185px;height:35px;
}
.etape ul li.etape1 a{
	background:url(../img/etapes/etape_01.gif) 0  0 no-repeat;
	width:185px;height:35px;
	display:block;
}
.etape ul li.etape1 a:hover{background-image:none;}
/***etape 2***/
.etape ul li.etape2done{
	background:url(../img/etapes/etape_02.gif) 0  -140px no-repeat;
	width:185px;height:35px;
}
.etape ul li.etape2a{
	background:url(../img/etapes/etape_02.gif) 0  -70px no-repeat;
	width:185px;height:35px;
}
.etape ul li.etape2a a{
	background:url(../img/etapes/etape_02.gif) 0  0 no-repeat;
	width:185px;height:35px;
	display:block;
}
.etape ul li.etape2b{
	background:url(../img/etapes/etape_02.gif) 0  -280px no-repeat;
	width:185px;height:35px;
}
.etape ul li.etape2b a{
	background:url(../img/etapes/etape_02.gif) 0  -210px no-repeat;
	width:185px;height:35px;
	display:block;
}
.etape ul li.etape2a a:hover,.etape ul li.etape2b a:hover{background-image:none;}
/***etape 3***/
.etape ul li.etape3done{
	background:url(../img/etapes/etape_03.gif) 0  -140px no-repeat;
	width:185px;height:35px;
}
.etape ul li.etape3a{
	background:url(../img/etapes/etape_03.gif) 0  -70px no-repeat;
	width:185px;height:35px;
}
.etape ul li.etape3a a{
	background:url(../img/etapes/etape_03.gif) 0  0 no-repeat;
	width:185px;height:35px;
	display:block;
}
.etape ul li.etape3b{
	background:url(../img/etapes/etape_03.gif) 0  -280px no-repeat;
	width:185px;height:35px;
}
.etape ul li.etape3b a{
	background:url(../img/etapes/etape_03.gif) 0  -210px no-repeat;
	width:185px;height:35px;
	display:block;
}
.etape ul li.etape3a a:hover,.etape ul li.etape3b a:hover{background-image:none;}
/***etape 4***/
.etape ul li.etape4done{
	background:url(../img/etapes/etape_04.gif) 0  -140px no-repeat;
	width:185px;height:35px;
}
.etape ul li.etape4a{
	background:url(../img/etapes/etape_04.gif) 0  -70px no-repeat;
	width:185px;height:35px;
}
.etape ul li.etape4a a{
	background:url(../img/etapes/etape_04.gif) 0  0 no-repeat;
	width:185px;height:35px;
	display:block;
}
.etape ul li.etape4b{
	background:url(../img/etapes/etape_04.gif) 0  -280px no-repeat;
	width:185px;height:35px;
}
.etape ul li.etape4b a{
	background:url(../img/etapes/etape_04.gif) 0  -210px no-repeat;
	width:185px;height:35px;
	display:block;
}
.etape ul li.etape4a a:hover,.etape ul li.etape4b a:hover{background-image:none;}

/*** formulaire ***/
.edit{position:relative;margin: 0 30px;}
.edit form{margin:0;padding:0;margin-top:15px;}
.edit label{color:#BF6500;font-weight:bold;font-size:13px;}
.edit #titre{width:300px;}
/* .edit textarea{width:650px; height:150px;margin-top:-10px;} */


.edit ul{margin:0;padding:0;list-style:none;border:none;height:auto;}
.edit ul li {margin-bottom:3px;}
.edit ul li.bold{background:url(../img/picto/gras.gif) no-repeat;width:21px;height:21px;float:left;margin-right:3px;}
.edit ul li.italic{background:url(../img/picto/italique.gif) no-repeat;width:21px;height:21px;float:left;margin-right:3px;}
.edit ul li.bullet{background:url(../img/picto/liste.gif) no-repeat;width:21px;height:21px;float:left;}
.edit ul li.ligne{margin:0 5px;background:url(../img/picto/separateur.gif) no-repeat;width:5px;height:21px;float:left;}
.edit ul li.couleur{background:url(../img/picto/couleur.gif) no-repeat;width:31px;height:21px;float:left;}


.edit #sauvegarde{padding:10px;margin-top:20px;background-color:#efeedf;}
.edit .gris{color:#A2A09E;}
.edit .titre1{font-size:13px;background-color:#BF6500;color:#FFF;font-weight:bold;padding:3px;margin-bottom:5px;padding-left:15px;}
.edit .titre2{background-color:#F3F2E6;color:#BEBDA7;font-weight:bold;padding:3px;margin-bottom:5px;}
.edit .titre3{background-color:#C0C0C0;color:#FFF;font-weight:bold;padding:3px;margin-bottom:5px;margin-top:15px;}

.edit .cont{float:left;padding-left:20px;color:#BEBDA7;margin-bottom:15px;margin-top:5px;}
.edit .cont2{float:right;width:300px;padding-left:20px;color:#BEBDA7;margin-bottom:15px;margin-top:5px;}


#displaytxt p{color:#000;}
#displaytxt{clear:right;}
#displaytxt ul.listdoc{height:100%;margin:0;padding:0;list-style:none;margin-top:20px;}
#displaytxt ul{list-style:disc;margin:15px 0 15px 20px;height:100%;}
/* #displaytxt ul li{background:url(../img/typefile.gif) left top no-repeat;padding-left:20px;} */
td.doc{background:url(../img/typefile.gif) left top no-repeat;padding-left:20px;border-bottom:1px solid #E6E7E6;}

td.poubelle{background:url(../img/picto/picto_supprimer_02.gif) right top no-repeat;width:23px;height:22px;}
.poubelle a{display:block;width:23px;height:22px;}

.btn{
	position:relative;
	margin:15px 0 0 20px;
	height:30px;
}

.etapesuivante{
	float:right;
	background:url(../img/boutons/etape_suivante.gif) 0 -46px no-repeat;
	width:123px;height:23px;
}
.etapesuivante a{
	background:url(../img/boutons/etape_suivante.gif) no-repeat;
	width:123px;height:23px;
	display:block;
}

.apercu{
	background:url(../img/boutons/apercu_message.gif) 0 -46px no-repeat;
	width:123px;height:23px;
}
.apercu a{
	background:url(../img/boutons/apercu_message.gif) no-repeat;
	width:123px;height:23px;
	display:block;
}

.sauvegarder{
	float:right;
	background:url(../img/boutons/sauvegarder.gif) 0 -46px no-repeat;
	width:123px;height:23px;
}
.sauvegarder a{
	background:url(../img/boutons/sauvegarder.gif) no-repeat;
	width:123px;height:23px;
	display:block;
}

.etapesuivante a:hover, .apercu a:hover, .sauvegarder a:hover{background-image:none;}

/*** Etape 2 ===== collapse ***/

.edit td{border-bottom:1px solid #F3F2E6; color:#776955;padding:5px 0;}
.edit td.noborder{border-bottom:none;}
.edit td.document{background-color:#F3F2E6;}


.edit div.ferme{
	background:#C1CAD4 url(../img/chapitre/fleche_bleu.gif) 3px 5px  no-repeat;
	color:#8899AC;
	font-size:11px;
	padding:3px;
	font-weight:bold;
	margin-top:6px;margin-bottom:3px;
}
.edit div.ouvert{
	background:#C1CAD4 url(../img/chapitre/fleche_bleu_ouverte.gif) 3px 5px  no-repeat;
	color:#5D748E;
	font-weight:bold;
	font-size:11px;
	padding:6px;margin-top:3px;margin-bottom:3px;
}
.edit div.ferme a{text-decoration:none;font-size:13px;color:#8899AC;padding-left:18px;}
.edit div.ouvert a{text-decoration:none;font-size:13px;color:#154178;padding-left:18px;}

.edit h2.ferme a{text-decoration:none;font-size:13px;color:#CFA77A;padding-left:18px;}
.edit h2.ouvert a{text-decoration:none;font-size:13px;color:#BF6500;padding-left:18px;}
.edit h2,.edit h3,.edit h4{margin-top:3px;margin-bottom:3px;}
.edit h2.ferme{
	background:#E0E3D7 url(../img/chapitre/fleche_grande_eteint.gif) 3px 5px  no-repeat;
	color:#CFA77A;
	font-size:11px;
	padding:3px;
}
.edit h2.ouvert{
	background:#E0E3D7 url(../img/chapitre/fleche_grande_ouverte.gif) 3px 5px  no-repeat;
	color:#BF6500;
	font-size:11px;
	padding:3px;
}

.edit h3.ferme a{text-decoration:none;font-size:11px;color:#FFF;padding-left:25px;}
.edit h3.ouvert a{text-decoration:none;font-size:11px;color:#FFF;padding-left:25px;}
.edit h3.ferme{
	width:99%;
	background:#BF6500 url(../img/chapitre/fleche_blanche.gif) 10px 5px  no-repeat;
	color:#FFF;
	font-size:11px;
	padding:3px;
}
.edit h3.ouvert{
	width:99%;
	background:#BF6500 url(../img/chapitre/fleche_blanche_ouverte.gif) 10px 5px  no-repeat;
	color:#FFF;
	font-size:11px;
	padding:3px;
}

.edit h4.ferme a{text-decoration:none;font-size:11px;color:#BF6500;padding-left:35px;}
.edit h4.ouvert a{text-decoration:none;font-size:11px;color:#BF6500;padding-left:35px;}
.edit h4 .color{background-color:#F3F2E6;}
.edit h4.ferme{
	background:#FFF url(../img/chapitre/fleche_orange.gif) 20px 5px  no-repeat;
	width:99%;
	color:#BF6500;
	font-size:11px;
	padding:3px;
}
.edit h4.ouvert{
	background:#FFF url(../img/chapitre/fleche_orange_ouverte.gif) 20px 5px  no-repeat;
	width:99%;
	color:#BF6500;
	font-size:11px;
	padding:3px;
}
.nondisplay{display:none;}

/*
   styles pour les documents et les liens
 */
ul li.doc_doc, div.doc_doc{
	background:url(../img/documents/doc.gif) no-repeat;
	padding-left:20px;
	line-height:15px;
	padding-bottom:5px;
}

ul li.doc_acrobat, div.doc_acrobat{
	background:url(../img/documents/acrobat.gif) no-repeat;
	padding-left:20px;
	line-height:15px;
	padding-bottom:5px;
}

ul li.doc_excel, div.doc_excel{
	background:url(../img/documents/excel.gif) no-repeat;
	padding-left:20px;
	line-height:15px;
	padding-bottom:5px;
}

ul li.doc_ppt, div.doc_ppt{
	background:url(../img/documents/ppt.gif) no-repeat;
	padding-left:20px;
	line-height:15px;
	padding-bottom:5px;
}

ul li.doc_web, div.doc_web{
	background:url(../img/documents/web.gif) no-repeat;
	padding-left:20px;
	line-height:15px;
	padding-bottom:5px;
}

ul li.doc_word, div.doc_word{
	background:url(../img/documents/word.gif) no-repeat;
	padding-left:20px;
	line-height:15px;
	padding-bottom:5px;
}

ul li.doc_img, div.doc_img{
	background:url(../img/documents/img.gif) no-repeat;
	padding-left:20px;
	line-height:15px;
	padding-bottom:5px;
}

/* Bouton Quitter */
#tablematiereretour{
	float:right;
	background:#FFF url(../img/retour_cec.gif) 0 -38px no-repeat;
	height:19px;
	width:60px;

}

#tablematiereretour a{
background: url(../img/retour_cec.gif) no-repeat;
width:100%; height:100%; display:block;}

#tablematiereretour a:hover{background-image:none;}








#onglets ul {
	clear:both;
	margin:6px 0 0 0;
	padding:0 0 2px 16px;
	height:30px;
	border-bottom:1px solid #ebe6e0;
}

#onglets li {
	float:left;
}

#onglets li a:link, #onglets li a:visited {
	background: url(../img/boutons/onglet.gif) no-repeat center center;
	color:#797979;
	display:block;
	float:left;
	height:25px;
	line-height:1;
	margin-right:6px;
	padding:5px 0 0 15px;
	text-decoration:none;
	width:102px;
}

#onglets li.active a:link, #onglets li.active a:visited, #onglets li a:hover, #onglets li a:active {
	background: url(../img/boutons/onglet-actif.gif) no-repeat center center;
	color:#fff;
}



/* -Vos commentaires ------------------------ */
#vosCommentaires {width:462px}
#vosCommentaires h2 {margin:0 0 0 70px;}
#vosCommentaires h3 {margin:0 0 0 70px;}
#vosCommentaires ul {list-style:none;}
#vosCommentaires ul li {width:100%;margin-bottom:5px;}
#vosCommentaires label, #vosCommentaires span {line-height:16px;text-align:right;width:200px;float:left;margin-right:10px;}
#vosCommentaires input, #vosCommentaires select, #vosCommentaires textarea {border:1px solid #7f9db9;display:block;float:left;margin-right:10px;width:200px;}

#vosCommentaires ul.checkbox {margin-left:55px;}
#vosCommentaires ul.checkbox li {float:left;width:auto;}
#vosCommentaires ul.checkbox li label {width:145px;}
#vosCommentaires ul.checkbox li input {border:none;width:auto;}

#vosCommentaires ul.fenetre {float:left;}
#vosCommentaires ul.last {clear:left;}
#vosCommentaires ul.fenetre li label {width:30px;}
#vosCommentaires ul.fenetre li input {border:none;width:auto;}

#vosCommentaires button {float:right;position:relative;right:10px;}

/* [ Erreurs ] -------------------*/
#vosCommentaires .erreurs {background:#FFFFEF;border:1px dotted #CF2200;border-top:3px solid #CF2200;color:#CF2200;font-weight:bold;margin:1em auto;padding:10px;width:470px;}
#vosCommentaires .erreurs p {color:#CF2200;margin:0;}
#vosCommentaires .erreurs ul {list-style:square;}
#vosCommentaires .erreur input, #vosCommentaires .erreur select, #vosCommentaires .erreur textarea {background:#FFFFEF;border:1px solid #CF2200!important;}
#vosCommentaires .erreur label {color:#CF2200;}

#vosCommentaires .message {background:#A7C43E;border:1px dotted #346F29;border-top:3px solid #346F29;color:#fff;font-weight:bold;margin:1em auto;padding:10px;width:470px;}
#vosCommentaires .message p {color:#fff;margin:0;}

/* -- Clearfix -- */
.clearfix {display: inline-block; } .clearfix:after, .container:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;} * html .clearfix { height: 1%; } .clearfix { display: block; }
/* -------------------------*/