body{ font-size:62.5%; font-family:Arial, Helvetica, sans-serif; background:#646464 url(../cssimg/site/degrad.gif) 0px 0px repeat-x; }
#conteneur{ margin:31px auto 20px auto; padding:0px 10px 0px 10px; width:940px; background: url(../cssimg/site/conteneur_bg.jpg) 0px -31px no-repeat; }

/* ====================================================================== */
/* =============================== GLOBAL ============================== */
/* ====================================================================== */
.spacer { clear:both; }
.spacer2 { clear:both; visibility:hidden; height:0; margin:0; padding:0; border:0; }

a { color:#0076cd; text-decoration:underline; }
	a:hover { text-decoration:none; }

h1 { font-size:2.2em; }
h2 { font-size:2em; }
h3 { font-size:1.8em; }
h4 { font-size:1.6em; }
h5 { font-size:1.4em; }
h6 { font-size:1.3em; }
p  { font-size:1.2em; }

textarea{ font-family:Arial, Helvetica, sans-serif;}

.floatleft{ float:left;}
.floatright{ float:right;}
.center{ text-align:center;}
.alignleft{ text-align:left;}
.alignright{ text-align:right;}

.strong{font-weight:bold !important;}
.no-strong{font-weight:normal !important;}
.hidden-link{ color:black; text-decoration:none;}

#msgalerte{ margin:0; padding:0;}

/* GLOBAL color -- y mettre aussi les colors de l'interface en utilisant une class genre et à inclure du type class="destinateur colorInterface" */
.colorInterface1{ color:#707070;} /* utiliser uniquement pour le moment sur class explication */

.slogan{ position:absolute; top:10px; left:40px; color:white; font-weight:bold; font-size:1.1em; }
	
/* ====================================================================== */
/* =============================== HEADER =============================== */
/* ====================================================================== */
#header { position:relative; margin:31px 0px 0px 0px; height:358px; background:white url(../cssimg/site/header_bg.jpg) 10px 0px no-repeat; }

.lien{ color:white; text-decoration:none;}


/* ================== Logo ================== */
#logo{ position:absolute; top:27px; left:10px; }
	#logo img{ }

/* ================== menu ================== */
#menu-haut { position:absolute; top:48px; left:270px; margin:0px 0px 0px 0px;}
	#menu-haut ul {}
		#menu-haut ul li { float:left; }
		#menu-haut ul a {float:left; display:block; height:26px; margin:0px 17px 0px 0px; _margin:0px 8px 0px 0px; padding:0px 0px 0px 0px; color:black; text-decoration:none; font-size:1.8em; font-weight:bold;  }
		#menu-haut ul a:hover { color:#0476CE; border-bottom:1px #0476CE solid; }
		#menu-haut ul a.selectmenuhaut {float:left; display:block; height:26px; margin:0px 17px 0px 0px; padding:0px 0px 0px 0px; color:black; text-decoration:none; font-size:1.8em; font-weight:bold; }
		#menu-haut ul a.selectmenuhaut:hover{}
	#menu-haut ul .test{ border:1px orange dashed; }
	    .dropmarker { height:20px; width:200px; background: url(../cssimg/dropmarker.gif) left top no-repeat; margin-top:-3px;margin-left:-5px; }
		#menu-haut .imgdrag{position:absolute; right:5px; top:9px; cursor:move; margin-left:10px;}



/* ====================================================================== */
/* ===============================  GAUCHE ============================== */
/* ====================================================================== */

/* ================== div gauche ================== */
#gauche{ float:left; width:240px; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; }

/* ================== menu gauche ================== */
#sousmenu {margin:0px 0px 0px 10px; padding:0px 0px 30px 0px; background:#E6E6E6 url(../cssimg/site/menu_gauche_bas.gif) 0px bottom no-repeat; }

#sousmenu ul {}
#sousmenu ul li {}
#sousmenu div.up { position:absolute;}
#sousmenu div.up img {position:relative; left:149px; top:3px; cursor:pointer; }


#sousmenu .ul1, #sousmenu .ul2, #sousmenu .ul3{ height:1%/*hack ie*/; }
	#sousmenu .li1,#sousmenu .li2,#sousmenu .li3{}

	#sousmenu a.lien1,#sousmenu a.lien2,#sousmenu a.lien3{ position:relative; display:block; color:#2D2D2D; text-decoration:none;  }
	html>body #sousmenu a.lien1, html>body #sousmenu a.lien2, html>body #sousmenu a.lien3{ }
	#sousmenu a.lien1:hover,#sousmenu a.lien2:hover,#sousmenu a.lien3:hover{}

	#sousmenu a.encours1,#sousmenu a.encours2,#sousmenu a.encours3{ position:relative; display:block; text-decoration:none;}
	html>body #sousmenu a.encours1, html>body #sousmenu a.encours2, html>body #sousmenu a.encours3{ }


	#sousmenu .ul1{ padding:0px 0px 0px 0px; }
		#sousmenu .ul1 .up { }
		#sousmenu .li1{ margin:0px 10px 0px 10px; border-bottom:1px #939393 dashed; }
			#sousmenu .li1 a.lien1 {height:22px; padding:5px 0px 0px 10px; font-size:1.2em; font-weight:bold; }
			html>body #sousmenu .li1 a.lien1 { min-height:22px; height:auto;}
			#sousmenu .li1 a.lien1:hover{ color:#057BD3; padding:5px 0px 0px 10px; background:url(../cssimg/site/puce_bleu_01.gif) 0px 8px no-repeat;}
			#sousmenu a.encours1{height:22px; padding:5px 0px 0px 20px; font-size:1.2em; font-weight:bold;color:#057BD3; background:url(../cssimg/site/puce_bleu_01.gif) 10px 8px no-repeat; }
			html>body #sousmenu a.encours1{ min-height:22px; height:auto;}
			
	#sousmenu .ul2{ border-bottom:1px white solid; }
		#sousmenu .ul2 .up { }
		#sousmenu .li2{ padding:0px 0px 0px 15px; }
			#sousmenu .li2 a.lien2 {height:16px; background:url(../cssimg/menu_gauche-a.gif) 6px 6px no-repeat; padding:1px 0px 0px 18px; font-size:1.1em; }
			html>body #sousmenu .li2 a.lien2 { min-height:16px; height:auto; }
			#sousmenu .li2 a.lien2:hover{ font-weight:bold; }
			#sousmenu a.encours2{ height:16px; padding:1px 0px 0px 18px; font-size:1.1em; background:white; font-weight:bold; color:#3F4446; }
			html>body #sousmenu a.encours2{ min-height:15px; height:auto;}
			
	#sousmenu .ul3{ }
		#sousmenu .ul3 .up { }
		#sousmenu .li3{ padding:0px 0px 0px 30px; }
			#sousmenu .li3 a.lien3 { padding:0px 0px 0px 18px; font-size:1.1em;}
			html>body #sousmenu .li3 a.lien3 { }
			#sousmenu .li3 a.lien3:hover{ background:white; font-weight:bold; }
			#sousmenu a.encours3{ padding:0px 0px 0px 18px;}
			html>body #sousmenu a.encours3{ }

	/* lien ajouter une sous rubrique */
	li.ajout1, li.ajout2, li.ajout3 { list-style-type:none; }
		li.ajout1 a, li.ajout2 a, li.ajout3 a{ display:block; text-decoration:none;}
		html>body li.ajout1 a, html>body li.ajout2 a, html>body li.ajout3 a{}
		li.ajout1 a:hover, li.ajout2 a:hover, li.ajout3 a:hover{}
		
		p.ajout1 a{ display:block; height:20px; padding:3px 0px 0px 15px; background:#F3A24E url(../cssimg/menu_gauche_ajouter.gif) 3px 6px no-repeat; font-size:1em; font-weight:bold; color:white; text-decoration:none; }
		html>body p.ajout1 a{}
		p.ajout1 a:hover{}
		
		li.ajout1 a{ height:20px; padding:3px 0px 0px 15px; background:#F3A24E url(../cssimg/menu_gauche_ajouter.gif) 3px 6px no-repeat; font-size:1.1em; font-weight:bold; color:white; }
		html>body li.ajout1 a{}
		li.ajout1 a:hover{}
		
		li.ajout2 a{ height:18px; padding:2px 0px 0px 32px; background:#F3A24E url(../cssimg/menu_gauche_ajouter.gif) 20px 4px no-repeat; font-size:1.1em; font-weight:bold; color:white;}
		html>body li.ajout2 a{ min-height:18px; height:auto;}
		li.ajout2 a:hover{}
		
		li.ajout3 a{ height:18px; padding:2px 0px 0px 15px; margin:0px 0px 0px 32px; background:url(../cssimg/menu_gauche_ajouter2.gif) 5px 4px no-repeat; color:#F3A24E; font-size:1.1em;  }
		html>body li.ajout3 a{ min-height:18px; height:auto;}
		li.ajout3 a:hover{}	
	
	.move2{ position:absolute; top:3px; right:5px; }
	
	
	.widgets{ margin:20px 0px 0px 10px; text-align:right;}
	.widgets a{ display:block; font-size:1.2em; font-weight:bold; color:white; text-decoration:none;}
		.widget1 a{ padding:7px 5px 0px 60px; width:165px; height:53px; background: url(../cssimg/site/w_g1.jpg) 0px 0px no-repeat;}
		.widget2 a{ padding:16px 5px 0px 60px; width:165px; height:73px; background: url(../cssimg/site/w_g2.jpg) 0px 0px no-repeat;}
		.widget3 a{ padding:16px 5px 0px 50px; width:175px; height:77px; background: url(../cssimg/site/w_g3.jpg) 0px 0px no-repeat;}
	
	
	
/*=== envoyer à un ami ===*/
.envoi-ami{margin:0px 0px 20px 0px; background:#E06900}
	.envoi-ami a{ display:block; font-weight:bold; color:white; padding:3px 0px 3px 10px; }
	.envoi-ami a:hover{}
	
/* ================== newsletter ================== */
#newsletter{ margin:20px 0px 20px 10px;padding:10px 5px 10px 5px; background:white; border:1px #939393 solid; }
		#newsletter h3{ font-size:1.1em; color:#EE7900; }

	#corps-newsletter{ margin:5px 0px 0px 0px; }
		#corps-newsletter p{ font-size:1.1em; margin:0px 0px 4px 0px; }
		#corps-newsletter label { float:left; width:20%; text-align:right; margin:3px 5px 0px 0px; padding:0; color:#707070; }
		#corps-newsletter input { height:15px; width:70%; font-size:1.1em; line-height:15px; margin:0; padding:0; color:#707070; }
		
	#footer-newsletter { text-align:right; margin:0px 0px 0px 0px; }
		#footer-newsletter input{ background:#ECECEC; border:1px #CCCCCC solid; color:#707070; font-size:1.1em; cursor:pointer; }

/*=== news rappel ===*/
.news-inc { margin:10px 10% 0px 10%; width:80%;}
	.new-inc {margin:10px 0px 10px 0px; padding:5px; background: ThreedLightShadow;}
		.new-inc p{ }
			.new-inc .titre{margin:0px 0px 0px 0px; font-size:1.2em; font-weight:bold; color:#E06900; }
			.new-inc .news{margin:0px 0px 0px 0px; font-size:1.2em;}
			.new-inc .link{margin:0px 0px 0px 0px; font-size:1.2em; text-align:right; }
				.new-inc .link a{ color:black; text-decoration:underline;}
				.new-inc .link a:hover{ text-decoration:none;}


/* ====================================================================== */
/* =============================== CENTRE =============================== */
/* ====================================================================== */

#centre-,#centre-accueil,#centre-concept,#centre-news,#centre-liens,#centre-galerie,#centre-faq,#centre-contact,#centre-sitemap,#centre-mentionslegales,#centre-emploi,#centre-AvAp{ 
	position:relative; background:white url(../cssimg/site/centre-bg.gif) 0px bottom no-repeat; height:auto; min-height:350px; _height:350px; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; }
	 

/* =================== main =================== */
#main-,#main-accueil,#main-concept,#main-liens,#main-news,#main-galerie,#main-faq,#main-contact,#main-sitemap,#main-mentionslegales,#main-emploi,#main-AvAp{ 
	float:left; width:669px; margin:35px 0px 0px 20px; padding:0px 0px 10px 0px; z-index:1; }

h1.nom-page{ position:absolute; top:-35px; left:265px; padding:0px 0px 0px 25px; height:32px; color:white; font-size:2.0em; background:url(../cssimg/site/puce_h1.gif) 0px 4px no-repeat;}


/* =================== fil ariane =================== */
#fil-ariane{ position:absolute; top:9px; left:260px; width:670px; height:20px; padding:2px 0px 0px 0px; color:#3d3d3d; background:#f0f0f0;}
	#fil-ariane ul{ float:right; padding:0px 10px 0px 0px; }
		#fil-ariane li{ float:left; list-style-type:none; padding:0px 0px 0px 5px; font-weight:bold; font-size:1.1em; color:#3d3d3d; }
			#fil-ariane li a{ display:block; float:left; padding:0px 9px 0px 0px; background:url(../cssimg/filariane-puce.gif) right center no-repeat; font-weight:normal; color:#3293da; text-decoration:none; }	
				#fil-ariane li a:hover{}
	
/* ====================================================================== */
/* ============================== FOOTER ================================ */
/* ====================================================================== */

#footer{ clear:both; padding:10px 0px 0px 0px; min-height:35px; height:auto; _height:35px; border-bottom:1px #777777 solid; color:white; text-align:center; background:#0b0b0b url(../cssimg/site/footer_bg.gif) 0px 0px repeat-x; }
	#footer p{ text-align:center; padding:0px 0px 0px 0px; font-size:1.1em; font-weight:bold; }
		#footer a{ text-decoration:none; color:white; }
			#footer a:hover{ text-decoration:underline;}


/* ====================================================================== */
/* ============================ PAGE ACCUEIL ============================ */
/* ====================================================================== */



/* ====================================================================== */
/* ========================== PAGE TYPE TEXTE =========================== */
/* ====================================================================== */

input.sauvegarder { background:#ECECEC; border:1px #CCCCCC solid; color:#707070; font-size:1.1em; font-weight:bold; }

.titreRub{ margin:25px 0px 4px 0px; padding:10px 0px 0px 0px; border-top:1px #E5E5E5 dashed; font-weight:bold;}
#listeRub{ margin:0px 0px 0px 0px; padding:0px 0px 20px 20px; list-style:none;}
	#listeRub li{ display:block; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; height:1%;}
		#listeRub li a{ display:block; margin:0px 0px 0px 0px; padding:0px 0px 0px 10px; font-size:1.2em; color:#0077BE; background: url(../cssimg/filariane-puce.gif) 0px 6px no-repeat; }
			#listeRub li a:hover{}


/* ====================================================================== */
/* ========================== PAGE TYPE NEWS ============================ */
/* ====================================================================== */
		
/*-- css des news vu internaute et BO --*/	
	/*-- sans image --*/	
	.news1 { margin:0px 25px 5px 15px; padding:10px 0px 10px 0px;  }
		.news1 p {}
			.news1 .date { margin:0px 0px 0px 30px; padding:0px 0px 0px 10px; text-align:left; font-size:1.1em; font-weight:bold; color:#7C7C7C; background:url(../cssimg/site/puce_bleu_01.gif) 0px 3px no-repeat; }
			.news1 .news-titre { margin:0px 5px 0px 0px; padding:0px 0px 0px 30px; font-weight:bold; font-size:1.3em; color:#1B6FAF; }
			.news1 .la-news { margin:3px 0px 0px 30px; padding:0; color:#3F3F3F; }
			.news1 .voirlien { margin:10px 0px 0px 30px; padding:0; color:#A0A0A0; font-size:1em;  }
				.news1 .voirlien a { color:#1B6FAF; text-decoration:underline; font-size:1.1em;}
				.news1 .voirlien a:hover { text-decoration:none;}
			/* avec image */	
			.news1 .news-img { float:left; margin:0px 10px 0px 30px; padding:4px; border:1px #EDEDED solid; }/* voir aussi stylcss_ie5-6 pour marge */


/*-- css du form d'édition d'une news dans le BO --*/	
	/* formulaire sans image */
	.form-news1 { background:#F7F7F7; padding:5px 0px; margin:0px 0px 0px 0px; }
		.form-news1 p {font-size:1.1em; margin:1px 0px 1px 0px; padding:0;}
			.form-news1 label { float:left; width:110px; text-align:right; margin:3px 5px 0px 0px; padding:0; color:#707070; }
			.form-news1 input { font-size:1.2em; line-height:15px; margin:0; padding:0; color:black;}
			.form-news1 .typedate { width:80px;}
			.form-news1 .typetitre { width:300px;}
			.form-news1 textarea { font-size:1.1em; width:300px; margin:0; padding:0; color:black;}
			.form-news1 .coche {margin:0px 0px 0px 118px; padding:0;}
		/* avec image */
		.form-news1 .news-img { float:right; margin:0px 5px 5px 0px; }
			.form-news1 .news-img a{ }
	


/* ====================================================================== */
/* ========================== PAGE TYPE LIENS =========================== */
/* ====================================================================== */

/*-- css d'un lien vu internaute et BO --*/
	/*-- lien sans image --*/	
	.linklien1{ margin:0px 10px 20px 10px; padding:5px; border-bottom:1px #DDDDDD solid; }
		.linklien1 .lien-titre{ font-weight:bold; margin:0px 0px 5px 0px; color:#E06900; font-size:1.4em;}
		.linklien1 .lien-texte{ margin:0px 0px 0px 0px; color:#545454; font-size:1.2em; text-align:left;}
		.linklien1 .lien-link{ margin:10px 0px 0px 0px; font-size:1.1em;}	
			.linklien1 .lien-link a{ color:black; text-decoration:none;}
			.linklien1 .lien-link a:hover{ text-decoration:underline;}
		/*-- avec image --*/
		.linklien1 .lien-img{ margin:0px 5px 5px 0px; padding:4px; border:1px #EDEDED solid; width:100px; float:left;}

/*-- css du form d'édition d'un lien dans le BO --*/	
	/*-- formulaire lien sans image --*/
	.form-lien1 { background:#F7F7F7; padding:5px 0px; margin:0px 0px 0px 0px; }
		.form-lien1 p {font-size:1.1em; margin:1px 0px; padding:0;}
			.form-lien1 label { float:left; width:120px; text-align:right; margin:3px 5px 0px 0px; padding:0; color:#707070; }
			.form-lien1 input { font-size:1.2em; line-height:15px; margin:0; padding:0; color:black;}
			.form-lien1 .typetitre { width:300px;}
			.form-lien1 textarea { font-size:1.1em; width:300px; margin:0; padding:0; color:black;}				
		/*-- avec image --*/
		.form-lien1 .lien-img { float:left; margin:0px 5px 5px 0px; }		



/* ====================================================================== */
/* =========================== PAGE TYPE FAQ ============================ */
/* ====================================================================== */

/*-- barre admin d'un faq --*/	
h2.nomtheme-admin { font-size:1.4em; font-weight:bold;}

/*-- css d'une faq vu internaute et BO --*/
	#questionfaq{ margin:0px 0px 20px 0px;}
		.questionstheme { margin:10px 0px 0px 0px; background:#F7F7F7; padding:5px; }
			.questionstheme h2.nomtheme{ font-size:1.6em; font-weight:bold;}
			.questionstheme p{}
				.questionstheme p a{ margin:0px 0px 0px 10px; color:#E06900;}
				.questionstheme p a:hover{}
			
	.reponsefaq{ background:#DFEBFF; padding:5px; margin:0px 0px 10px 0px; display:none;}
		.reponsefaq h4{ font-size:1.2em; font-weight:bold; }
		.reponsefaq p{}
	
	.faq1{background:#F7F7F7; margin:0px 0px 20px 0px; padding:5px; }

/*-- css du form d'édition d'une faq dans le BO --*/	
	.form-faq1 { background:#F7F7F7; padding:5px 0px; margin:0px 0px 0px 0px; }
		.form-faq1 p {font-size:1.1em; margin:1px 0px; padding:0;}
			.form-faq1 label { float:left; width:120px; text-align:right; margin:3px 5px 0px 0px; padding:0; color:#707070; }
			.form-faq1 .creer { text-align:right; margin:3px 5px 0px 20px; padding:0; color:#707070; }
			.form-faq1 input, .form-faq1 select { font-size:1.2em; line-height:15px; margin:0; padding:0; color:black;}
			.form-faq1 .typetitre { width:300px;}
			.form-faq1 .typecreer { width:129px;}
				
			.form-faq1 textarea {font-size:1.1em; width:300px; margin:0; padding:0; color:black;}


/* ====================================================================== */
/* ========================= PAGE TYPE GALERIE ========================== */
/* ====================================================================== */

/*-- css d'une galerie dans visiteur et BO --*/
#imagegalerie {margin:15px 0px 0px 0px;}
		.thumbnail{width:159px; float:left; margin:0px 15px 15px 0px; text-align:center; position:relative;}
		.thumbnail .contour-admin{ padding:10px; border:1px solid #999; background:#FFFFFF; }
		.thumbnail a.lien-img-gallery{ text-decoration:none; background:#FFFFFF; display:block; padding:10px; height:180px; background: url(../cssimg/site/galerie_bg.jpg) 0px 0px no-repeat;}
		.thumbnail a.lien-img-gallery:hover{ }
		.thumbnail img{ margin:0; padding:0; border:0;}
			.thumbnail .galerieimg { }
			.thumbnail .bt-supimg{ position:absolute; top:15px; right:15px;}
		.thumbnail .caption{ font-size:1.1em; color:#707070; height:42px; display:block;}
		html>body .thumbnail .caption{ min-height:42px; height:auto;}
		.thumbnail .imginput{ width:98%; font-size:1em; text-align:center; color:#707070; height:16px; margin:0; padding:0; }

/*-- css du form d'ajout d'une image dans le BO --*/	
	.form-gallery { background:#F7F7F7; padding:5px 0px; margin:0px 0px 10px 0px; }
		.form-gallery p {font-size:1.1em; margin:1px 0px; padding:0;}
			.form-gallery label { float:left; width:120px; text-align:right; margin:3px 5px 0px 0px; padding:0; color:#707070; }
			.form-gallery input { font-size:1.2em; line-height:15px; margin:0; padding:0; color:black;}
			.form-gallery .legend { width:134px; font-size:1.1em;}
			.form-gallery .typefile{ width:230px; height:19px; margin:0; padding:0; }


/* ====================================================================== */
/* ========================== PAGE TYPE CONTACT ========================= */
/* ====================================================================== */
/*-- css d'une galerie dans visiteur et BO --*/
#adressecompany{ float:right; background:#F3F3F3; width:200px; min-height:370px; height:auto; _height:370px; padding:10px; }
	#adressecompany p{ margin:0px 0px 0px 0px; padding:0px 0px 0px 10px; }

#formulaires{}
	#coordonnees{}
		#coordonnees fieldset{ border:0; margin:0; padding:0;}
		#coordonnees legend{ display:none; }
		#coordonnees p{font-size:1.1em; margin:1px 0px; padding:0;}
		#coordonnees label{ float:left; width:120px; text-align:right; margin:3px 5px 0px 0px; padding:0; color:#707070;}
		#coordonnees input, #coordonnees input.normal{  width:160px; margin:0; padding:0; color:black; border:1px black solid;}
		#coordonnees input.focus{ background:#F3F3F3; border:1px #7F9DB9 solid;}
		#coordonnees select{ color:black; border:1px black solid;}
	
	#message{ margin:20px 0px 0px 0px;}
		#message fieldset{ border:0; margin:0; padding:0;}
		#message legend{ display:none; }
		#message p{font-size:1.1em; margin:1px 0px; padding:0;}
		#message label{ float:left; width:100px; text-align:right; margin:3px 5px 0px 0px; padding:0; color:#707070;}
		#message input, #message input.normal{ width:280px; margin:0; padding:0; color:black; border:1px black solid;}
			#message input.focus{ background:#F3F3F3; border:1px #7F9DB9 solid;}
		#message textarea, #message textarea.normal{ font-size:1.1em; width:320px; margin:0; padding:0; color:black; border:1px black solid;}
			#message textarea.focus{ background:#F3F3F3; border:1px #7F9DB9 solid;}
		
	#bt-formulaires { margin:10px 0px 20px 150px; width:220px; }
		#bt-formulaires .obligatory{ font-size:1.1em; font-style: italic;}
		#bt-formulaires input.annuler{ display:none; background:#ECECEC; border:1px #CCCCCC solid; color:#707070; font-size:1.1em; cursor:pointer; }
		#bt-formulaires input.send{ width:150px; color:white; font-size:1.1em; background: url(../cssimg/site/bouton_blue_bg.gif) 0px 0px repeat-x; cursor:pointer; border:0px;}

.destinateur{ padding:0px 0px 10px 0px; margin:0px 0px 25px 0px; border-bottom:1px #333333 solid;}
	.destinateur label{margin:0; padding:0; color:#707070;}
	.destinateur .adminmail{ width:470px;}
	.destinateur .explication{ font-size:1.1em; font-style:italic;}
	

#c_placement{ width:420px; border:1px #0071C9 solid; padding:0px 10px 10px 10px; margin:20px 10px 0px 0px;}
	#c_placement h3{ margin:10px 0px 0px 0px; font-size:1.2em; }
	#c_placement p{font-size:1.1em; margin:1px 0px; padding:0;}
	#c_placement label{ float:left; text-align:right; margin:3px 5px 0px 0px; padding:0; color:#707070;}
	#c_placement input{  width:160px; margin:0; padding:0; color:black; border:1px black solid;}
	#c_placement select{ color:black; border:1px black solid;}
	.legende02{}	
	.legende01{ float:right; width:190px;}	
	
#c_divers{margin:20px 0px 0px 0px; width:420px; }
	#c_divers h3{ margin:20px 0px 0px 0px; font-size:1.2em; }
	#c_divers p{font-size:1.1em; margin:1px 0px; padding:0;}
	#c_divers label{ float:left; width:100px; text-align:right; margin:3px 5px 0px 0px; padding:0; color:#707070;}
	#c_divers input{ width:260px; margin:0; padding:0; color:black; border:1px black solid;}
	#c_divers select{ color:black; border:1px black solid;}
	#c_divers textarea{ font-size:1.1em; width:270px; margin:0; padding:0; color:black; border:1px black solid;}
	.checkchekbox  { }
		.checkchekbox label { float:none !important;}
			.checkchekbox input{ width:18px !important;}
		#c_divers input.send{margin:10px 0px 20px 0px; width:160px; color:white; font-size:1.1em; background: url(../cssimg/site/bouton_blue_bg.gif) 0px 0px repeat-x; cursor:pointer; border:0px;}
	
	
/*=== Générateur ===*/	
#lecreateur{position:absolute; top:0px; right:100px; width:600px; background-color:#666666;padding:5px; border:#CCCCCC 2px solid; color:#ffffff; z-index:1}

#lecreateur #champ{ font-size:1.2em;}
#lecreateur #deroulant{ font-size:1.2em;}
#lecreateur #texte{ font-size:1.2em;}
.letsgo{ text-align:center; font-size:1.1em; }
	.letsgo a{ display:block; width:40px; background:#ECECEC; border:1px #CCCCCC solid; color:#707070; text-align:center; text-decoration:none; }
	.letsgo a:hover{ background:#BF2723; color:white; border:1px white solid; }

#generateur{}
	#generateur legend{padding:0px 5px 0px 5px; font-size:1.2em; background:#E5E5E5}
	
#info-form{}
	#info-form legend{padding:0px 5px 0px 5px; font-size:1.2em; background:#E5E5E5;;}
	
	
/*=== LIVRE D'OR formulaire ===*/	
#form-livredor{}
	#form-livredor fieldset{padding:10px; border:1px #E5E5E5 solid;}
	#form-livredor legend{margin:0px 0px 10px 0px; padding:0px 5px 0px 5px; font-size:1.2em; background:#E5E5E5; color:black;}
	#form-livredor p{margin:0px 0px 2px 0px;}	
	#form-livredor label{ display:block; float:left; width:80px;}	
	#form-livredor input{}	
	#form-livredor textarea{ margin:10px 0px 0px 80px; width:400px; height:80px; font-size:1.2em;}	
	#form-livredor .envoi{ margin:10px 0px 0px 0px; text-align:center;}
		#form-livredor .envoi input{}	
	
/*=== LIVRE D'OR listing ===*/	
.comment-or{ margin:10px 10px 10px 10px; padding:5px; border-bottom:1px #DDDDDD solid; }
	.comment-or .prenom{font-weight:bold; margin:0px 0px 5px 0px; color:#E06900; font-size:1.4em;}	
		.comment-or .prenom a{color:#FF912F;}	
	.comment-or .texte{margin:0px 0px 0px 0px; color:#545454; font-size:1.2em; text-align:left;}	
	.comment-or {}	
	
.admin-livredor{margin:0px 0px 5px 0px;}
	.admin-livredor p{ font-size:1.1em;}
	.lo-afficher{ padding:0px 0px 0px 10px; background:#E9E9E9; }
		.lo-afficher a{ color:#000034;}
	.statut{ margin:0px 10px 0px 0px; float:right; }
		.statut span{ font-weight:bold;}


	
/* ====================================================================== */
/* ============================ PAGE SITEMAP ============================ */
/* ====================================================================== */
#sitemap {}
	
	#listsitemap {}
	#listsitemap dt,#listsitemap dd,#listsitemap li{ list-style-type:none; }
	
	#listsitemap dt a,#listsitemap dd a,#listsitemap li a{ text-decoration:none; color:black; display:block; height:17px; }
	html>body #listsitemap dt a, html>body #listsitemap dd a, html>body #listsitemap li a{ min-height:17px; height:auto;}
	#listsitemap dt a:hover,#listsitemap dd a:hover,#listsitemap li a:hover{ text-decoration:underline; color:black; }
	
	#listsitemap h2 {font-size:1.4em; font-weight:normal; padding:0px 0px 0px 0px; margin:0px 0px 5px 0px; }
	#listsitemap h2 a{color:black; text-decoration:none;}
	#listsitemap h2 a:hover{ color:#808080;}
	
	#listsitemap dt a{font-size:1.3em; padding:0px 0px 0px 20px; margin:0; }
	#listsitemap dt a:hover{}
	
	#listsitemap dd a{font-size:1.2em; padding:0px 0px 0px 40px; margin:0; }
	#listsitemap dd a:hover{}
	
	#listsitemap li a{font-size:1.1em; padding:0px 0px 0px 60px; margin:0; }
	#listsitemap li a:hover{}
	
	#map-rubriques{margin:20px 20px 20px 20px; padding:0;}

