body {behavior: url(../csshover.htc);}

body{ font-size:62.5%; font-family:Arial, Helvetica, sans-serif; background:#444446 url(../cssimg/site/body_bg.gif) 0px 0px repeat-x; }
#conteneur{ margin:0px auto 0px auto; width:994px; background: url(../cssimg/site/conteneur_bg.png) 0px 0px no-repeat; }

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

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

img { border:0px; }
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  { margin:0; padding:0; font-size:1.2em; }
ul { margin:0; padding:0;}

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

.blueOne{ font-size:1.2em; font-weight:bold; color:#00ACE7;}

#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 */

	
/* ====================================================================== */
/* ============================== INTERFACE ============================= */
/* ====================================================================== */

/*----- la poubelle de suppression de page ---------------------- */
.trash { float:left; margin:0px 3px 0px 0px; }


/*----- input titre - pour changer de titre ---------------------- */
#ntitre input{font-size:2.2em; color:black; margin:0px 0px 30px 10px; background:none; width:86%; border:0px black solid; border-bottom:1px black dashed;}


/*--- les Boutons ----------------------*/
.boutons{margin:20px 0px 0px 180px; }

.button { padding:0px 3px 0px 17px; border:1px #BFBFBF solid; cursor:pointer; }
	
.cancel { background:#F7F7F7 url(../cssimg/cross.png) 2px 0px no-repeat; color:#D12F19 }
.cancel:hover { background:#FBE3E4 url(../cssimg/cross.png) 2px 0px no-repeat; }
	
.save { background:#F7F7F7 url(../cssimg/tick.png) 2px 0px no-repeat; color:#529214; }
.save:hover { background:#E6EFC2 url(../cssimg/tick.png) 2px 0px no-repeat; }


/*----- barre admin de la page news ----------------------*/	
#admin-page { margin:0px 0px 10px 0px; padding:0;}
  #admin-page p{}
		#admin-page a { color:white; font-size:0.9em; font-weight:bold; text-decoration:none; text-align:center; margin:0px 7px 0px 0px; padding:2px 5px; }
		#admin-page a:hover { text-decoration:underline;}
		#admin-page .delete { background:#981400; }
		#admin-page .add { background:#F3A24E; }
		

/*----- barre d'édition Editer | Effacer ------------------------*/		
.editeur-barre { padding:0px 5px; background:#E9E9E9; font-size:1.1em; margin:20px 0px 0px 0px; }
	.editeur-barre a { color:black; }
	.editeur-barre a:hover {}
/* sur page lien */			
.lien-up{ position:relative; }
	.lien-up img{ position:absolute; top:0px; right:0px; }
/*sur page news uniquement */
.editeur-barre span{ float:right; font-weight:bold;}
	.editeur-barre .past{color:#666666;}
	.editeur-barre .now{color: #009933;}
	.editeur-barre .future{color:#990000;}
	


/* ====================================================================== */
/* ========= ADMIN BARRE Aide | Editer | En Ligne | Deconnexion ========= */
/* ====================================================================== */
.imgBA{ position:absolute; top:3px; right:3px; z-index:3; cursor:pointer;}

#admin-container { position:absolute; top:0; left:0; width:100%; z-index:2; display:block; margin:0px; padding:0px; height:22px; text-align:right; background:#454545; color:white; border-bottom:2px black solid;
	/* filter:alpha(opacity=85);  opacite pour FF */ 
	/* -moz-opacity:0.85; opacite pour FF */ 
	/* opacity: 0.85;  opacite pour IE */}
html>body #admin-container {position:fixed; }

#admin { margin:0 auto; padding:0px 0px 0px 0px; width:900px; color:white; text-align:right; z-index:3; }
	/* menu : aide | editer | en ligne | déconnexion  */
	.admin-menu{float:right; margin:0px 0px 0px 0px; height:22px; }
		.admin-menu li{ list-style-type:none; cursor: pointer; float:left; height:16px; color:#8FD7FF; font-size:1.1em; margin:2px 0px 0px 0px; border-right:1px #E5E5E5 solid; }
		.admin-menu li a{ display:block; float:left; height:16px; padding:0px 5px 0px 5px; color:white; text-decoration:none; }
		.admin-menu li a:hover{ color:#8FD7FF; }
		
	/* menu : référencement et stats */
	.admin-menu2{float:left; margin:0px 10px 0px 0px; height:22px; background:#7F7F7F; }
		.admin-menu2 li{ list-style-type:none; cursor: pointer; float:left; height:16px; color:#8FD7FF; font-size:1.1em; margin:2px 0px 0px 0px; border-right:1px #E5E5E5 solid;}
		.admin-menu2 li a{ display:block; float:left; height:16px; padding:0px 5px 0px 5px; color:white; text-decoration:none; }
		.admin-menu2 li a:hover{ color:#8FD7FF; }
		
	/* menu : aide */
	.admin-menu3{float:right; margin:0px 10px 0px 10px; height:22px;  }
		.admin-menu3 li{ list-style-type:none; cursor: pointer; float:left; height:16px; color:#8FD7FF; font-size:1.1em; margin:2px 0px 0px 0px; }
		.admin-menu3 li a{ display:block; float:left; height:16px; padding:0px 5px 0px 5px; color:white; text-decoration:none; }
		.admin-menu3 li a:hover{  color:#8FD7FF;}

.BA-quick{ padding:2px 5px 0px 18px; background: url(../cssimg/ba-stat.gif) 5px 2px no-repeat;}
.BA-stat{ padding:2px 5px 0px 18px; background: url(../cssimg/ba-stat.gif) 5px 2px no-repeat;}
.BA-edit{ padding:2px 5px 0px 5px;}
.BA-normal{ padding:2px 5px 0px 5px;}
.BA-publi{ padding:2px 5px 0px 5px;}
.BA-user{ padding:2px 5px 0px 18px; background: url(../cssimg/ba-user.gif) 5px 2px no-repeat;}
.BA-deco{ padding:2px 5px 0px 18px; background: url(../cssimg/ba-deco.gif) 5px 2px no-repeat;}
.BA-ref{ padding:2px 5px 0px 18px; background: url(../cssimg/ba-ref.gif) 5px 2px no-repeat;}	
.BA-help{ padding:2px 5px 0px 18px; background: url(../cssimg/ba-help.gif) 5px 2px no-repeat;}	


	
/* ====================================================================== */
/* =============================== POPUP =============================== */
/* ====================================================================== */
#popup{margin:0px auto 0px auto; padding:10px 10px 30px 10px; background:#EFEFEF; }
.fermer{ height:21px; font-size:1.2em;}
	.fermer a{ float:right; display:block; height:18px; width:50px; padding:3px 0px 0px 0px; text-align:center; background:#D5312E; color:white; text-decoration:none;}
	.fermer a:hover{ background:#BF2723; }

/* popup de référencement*/
#keyword{}
	#keyword fieldset{ padding:10px; border:1px #CCC solid;}
	#keyword legend{ padding:10px; font-size:1.2em; font-weight:bold;}
	#keyword p{}
		#keyword label{ float:left; display:block; width: 100px; }
		#keyword input{ width:500px; }
	
/* ====================================================================== */
/* =============================== HEADER =============================== */
/* ====================================================================== */
#header { position:relative; margin:0px 7px; background:#F1F1F1; height:231px; }
#header-accueil { position:relative; margin:0px 7px; background:#F1F1F1; height:363px; }

#navBarOne{position:absolute; top:6px; right:17px;}
	#navBarOne li { float:left; }
		#navBarOne a {float:left; display:block; margin:0px 0px 0px 15px; color:#797979; font-size:1.1em; text-decoration:none; text-align:center;}
	#navBarOne a:hover{}
	

/* ================== menu ==================
#menu-haut { position:absolute; top:187px; height:46px; margin:0px 0px 0px 7px;}
#menu-haut-acc { position:absolute; top:320px; height:46px; margin:0px 0px 0px 7px;}
	#menu-haut ul, #menu-haut-acc ul {}
		#menu-haut ul li, #menu-haut-acc ul li { float:left; }
		#menu-haut ul a, #menu-haut-acc ul a {float:left; display:block; width:110px; height:39px; margin:0px 0px 0px 0px; padding:7px 0px 0px 0px; color:#e5e6e8; background: url(../cssimg/site/menu_top_bg1.gif) 0px 0px repeat-x; font-size:1.2em; text-decoration:none; text-align:center;}
		#menu-haut ul a:hover, #menu-haut-acc ul a:hover { background: url(../cssimg/site/menu_top_bg1.gif) 0px -47px repeat-x; }
		#menu-haut ul a.first, #menu-haut-acc ul a.first { background: url(../cssimg/site/menu_top_bg0.gif) 0px 0px no-repeat;}
			#menu-haut ul a.first:hover, #menu-haut-acc ul a.first:hover { background: url(../cssimg/site/menu_top_bg0.gif) 0px -49px no-repeat;}
		#menu-haut ul a.last, #menu-haut-acc ul a.last { background: url(../cssimg/site/menu_top_bg2.gif) right 0px no-repeat;}
			#menu-haut ul a.last:hover, #menu-haut-acc ul a.last:hover { background: url(../cssimg/site/menu_top_bg2.gif) right -49px no-repeat; }

	#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;}
 */

/* ================== menu ================== */
#menu-haut { position:absolute; height:46px; margin:0px 0px 0px 10px; width:970px; }
.MHaccueil { top:323px; }
.MHautre {  top:187px; }

	div#menu-haut ul ul { display:none; z-index:2; }
	div#menu-haut ul.n1 li.jaiUnSousMenu:hover ul.n2,
	div#menu-haut ul.n2 li.jaiUnSousMenu:hover ul.n3{ display:block;}
	
	/* niveau 1 */
	div#menu-haut ul.n1 {}
		div#menu-haut ul.n1 li { position:relative; float:left; }
			div#menu-haut ul.n1 a {float:left; display:block; width:112px; height:28px; padding:9px 12px 0px 12px; _padding:9px 11px 0px 11px; margin:0px 0px 0px 0px; color:#e5e6e8; background: url(../cssimg/site/menu_top_bg1.gif) 0px 0px repeat-x; font-size:1.2em; text-decoration:none; text-align:center;}
			html>body div#menu-haut ul.n1 a {min-height:28px; height:auto;}
			div#menu-haut ul.n1 a:hover { background: url(../cssimg/site/menu_top_bg1.gif) 0px -49px repeat-x; }
			
		
	/* niveau 2 */	
	div#menu-haut ul.n2 { position:absolute; top:37px; left:0px; width:210px; }
		div#menu-haut ul.n2 li { position:relative; background:none; }
			div#menu-haut ul.n2 a { display:block; width:200px; height:20px; margin:0px 0px 0px 0px; padding:2px 0px 2px 10px; background:#757575; color:#e5e6e8; text-align:left; border-bottom:1px #6a6a6a solid; }
			html>body div#menu-haut ul.n2 a {min-height:20px; height:auto;}
			div#menu-haut ul.n2 a:hover { background:#606060; }
			
	/* niveau 3 */
	div#menu-haut ul.n3 { position:absolute; top:0; left:210px;}
		div#menu-haut ul.n3 li { position:relative; top:0px; left:0px; }
			div#menu-haut ul.n3 a {display:block; width:200px; height:20px; margin:0px 0px 0px 0px; padding:2px 0px 2px 10px; color:#e5e6e8; text-align:left; background:#9f9f9f !important; border-bottom:1px #959595 solid;}
			html>body div#menu-haut ul.n3 a {min-height:20px; height:auto;}
			div#menu-haut ul.n3 a:hover { background:#bfbfbf !important; }
 
	
	/* J'ai un sous menu et j'assume */
	div#menu-haut ul.n2 li.jaiUnSousMenu a{ background:#757575 url(../cssimg/site/fleche_menu.gif) 180px 5px no-repeat;}
		div#menu-haut ul.n2 li.jaiUnSousMenu:hover a:hover{ background:#606060 url(../cssimg/site/fleche_menu.gif) 180px 5px no-repeat; }
 			
	
	/* onglet premier et denier du niveau 1 */	
	#menu-haut .first{ background: url(../cssimg/site/menu_top_bg0.gif) 0px 0px no-repeat !important;}
		#menu-haut .first:hover { background: url(../cssimg/site/menu_top_bg0.gif) 0px -49px no-repeat!important;}
	
	#menu-haut ul a.last { background: url(../cssimg/site/menu_top_bg2.gif) right 0px no-repeat!important;}
		#menu-haut a.last:hover { background: url(../cssimg/site/menu_top_bg2.gif) right -49px no-repeat!important; }

			
			
			
	#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:257px; margin:4px 0px 0px 0px; padding:0px 0px 0px 0px; background: url(../cssimg/site/menu_g_top.gif) 10px 0px no-repeat;}

#gauche-accueil{ float:left; width:310px; z-index:1; }

			
			
			
/* ================== menu gauche ================== */
#sousmenu {margin:13px 0px 0px 10px; padding:0px 0px 170px 0px; width:235px; background:#4E5055 url(../cssimg/site/menu_g_bottom.jpg) 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{ }
	#sousmenu .li1,#sousmenu .li2,#sousmenu .li3{}

	#sousmenu a.lien1,#sousmenu a.lien2,#sousmenu a.lien3{ /*position:relative;*/ display:block; text-decoration:none; color:white; }
	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; color:white;}
	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 0px 0px 10px; padding:0px 0px 5px 0px; background: url(../cssimg/site/menu_g_separateur.gif) 0px bottom no-repeat; }
			#sousmenu .li1 a.lien1 {height:16px; padding:5px 0px 0px 18px; font-size:1.2em; background: url(../cssimg/site/menu_g_fleche.gif) 0px 6px no-repeat; }
			html>body #sousmenu .li1 a.lien1 { min-height:16px; height:auto;}
			#sousmenu .li1 a.lien1:hover{ background: url(../cssimg/site/menu_g_fleche.gif) 0px -24px no-repeat;}
			#sousmenu a.encours1{height:16px; padding:5px 0px 0px 18px; font-size:1.2em; background: url(../cssimg/site/menu_g_fleche.gif) 0px -24px no-repeat; }
			html>body #sousmenu a.encours1{ min-height:16px; height:auto;}
			
	#sousmenu .ul2{ margin:0px 0px 10px 0px; }
		#sousmenu .ul2 .up { }
		#sousmenu .li2{ padding:0px 0px 0px 15px; _padding:0px 0px 0px 7px; }
			#sousmenu .li2 a.lien2 {height:18px; 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:18px; height:auto; }
			#sousmenu .li2 a.lien2:hover{ font-weight:bold; }
			#sousmenu a.encours2{ height:16px; margin:0px 0px 0px 0px; padding:1px 0px 0px 18px; font-size:1.1em; font-weight:bold; color:#4184ce; }
			html>body #sousmenu a.encours2{ min-height:16px; 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; }
	
	
/*=== 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; }


/* ================== newsletter ================== */

#w-left{margin:0px 0px 0px 5px;}
	#w-left .titre { }
	#w-left p{margin:0px 0px 3px 0px;}
	
	#offre-special{ margin:0px 0px 15px 0px; padding:10px 10px 0px 15px; width:272px; height:97px; background: url(../cssimg/site/w_left_offre.jpg) 0px 0px no-repeat;}
	#offre-special-other{ margin:0px 0px 15px 0px; padding:10px 10px 0px 15px; width:221px; height:93px; background: url(../cssimg/site/w_left_offre_other.jpg) 0px 0px no-repeat;}
		#offre-special h3, #offre-special-other h3{ margin:5px 0px 3px 0px; font-size:1.4em; color:#474747; font-family: Geneva, Arial, Helvetica, sans-serif; }
		#offre-special p, #offre-special-other p{ margin:0px 0px 0px 0px; font-size:1.3em; color:#7B7B7B;}
			#offre-special a{ display:block; margin:0px 0px 0px 180px; padding:2px 0px 0px 0px; width:76px; height:18px; color:white; text-align:center; text-decoration:none; background:url(../cssimg/site/bt_offre.gif) 0px 0px no-repeat; }
			#offre-special-other a{ display:block; margin:0px 0px 0px 140px; padding:2px 0px 0px 0px; width:76px; height:18px; color:white; text-align:center; text-decoration:none; background:url(../cssimg/site/bt_offre.gif) 0px 0px no-repeat; }
		#offre-special a:hover, #offre-special-other a:hover{ color:#474747;}
	
	


/* ====================================================================== */
/* =============================== CENTRE =============================== */
/* ====================================================================== */
#centre-accueil{ background:#F1F1F1; height:350px; margin:0px 7px; padding:0px 0px 0px 0px; }
html>body #centre-accueil{height:auto; min-height:350px;}

#centre-concept{ /*position:relative; */ background:#F1F1F1; height:350px; margin:0px 7px; padding:0px 0px 0px 0px;}
html>body #centre-concept{ height:auto; min-height:350px;}

#centre-news{ /*position:relative; */ background:#F1F1F1; height:350px; margin:0px 7px; padding:0px 0px 0px 0px; }
html>body #centre-news{ height:auto; min-height:350px; }

#centre-liens{ /*position:relative; */ background:#F1F1F1; height:350px; margin:0px 7px; padding:0px 0px 0px 0px; }
html>body #centre-liens{ height:auto; min-height:350px; }

#centre-galerie{ /*position:relative; */ background:#F1F1F1; height:350px; margin:0px 7px; padding:0px 0px 0px 0px; }
html>body #centre-galerie{ height:auto; min-height:350px;}

#centre-faq{ /*position:relative; */ background:#F1F1F1; height:350px; margin:0px 7px; padding:0px 0px 0px 0px; }
html>body #centre-faq{ height:auto; min-height:350px;}

#centre-contact{ /*position:relative; */ background:#F1F1F1; height:350px; margin:0px 7px; padding:0px 0px 0px 0px; }
html>body #centre-contact{ height:auto; min-height:350px;}

#centre-sitemap{ /*position:relative; */ background:#F1F1F1; height:350px; margin:0px 7px; padding:0px 0px 0px 0px; }
html>body #centre-sitemap{ height:auto; min-height:350px;}

#centre-mentionslegales{ /*position:relative; */ background:#F1F1F1; height:350px; margin:0px 7px; padding:0px 0px 0px 0px; }
html>body #centre-mentionslegales{ height:auto; min-height:350px;}


/* =================== main =================== */

#main-accueil{  float:left; width:660px; margin:0px 0px 0px 8px; padding:0px 0px 10px 0px; z-index:1; }

#main-concept{ float:left; width:713px; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px;background: url(../cssimg/site/main_bg.gif) 0px 0px repeat-y; }

#main-liens{ float:left; width:713px; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; z-index:1; background: url(../cssimg/site/main_bg.gif) 0px 0px repeat-y; }

#main-news{ float:left; width:713px; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; z-index:1; background: url(../cssimg/site/main_bg.gif) 0px 0px repeat-y; }

#main-galerie{ float:left; width:713px; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; z-index:1; background: url(../cssimg/site/main_bg.gif) 0px 0px repeat-y; }

#main-faq{ float:left; width:713px; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; z-index:1; background: url(../cssimg/site/main_bg.gif) 0px 0px repeat-y; }

#main-contact{ float:left; width:713px; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; z-index:1; background: url(../cssimg/site/main_bg.gif) 0px 0px repeat-y; }

#main-sitemap{ float:left; width:713px; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; z-index:1; background: url(../cssimg/site/main_bg.gif) 0px 0px repeat-y; }

#main-mentionslegales{ float:left; width:713px; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; z-index:1; background: url(../cssimg/site/main_bg.gif) 0px 0px repeat-y; }

.main-bottom{ background:url(../cssimg/site/main_bottom.gif) 0px bottom no-repeat; }
h1.nom-page{ margin:0px 0px 0px 0px; padding:20px 0px 0px 100px; height:34px; color:white; font-size:1.6em; background: url(../cssimg/site/main_h1.jpg) 0px 0px no-repeat; }

/* =================== fil ariane =================== */
#fil-ariane{ /* position:relative; top:0px; right:14px;*/margin:0px 14px 0px 0px; height:14px; padding:0px 0px 0px 0px; color:#9F9F9F; z-index:1;}
	#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; }
		#fil-ariane li a{ display:block; float:left; padding:0px 9px 0px 0px; color:#9F9F9F; background:url(../cssimg/filariane-puce.gif) right center no-repeat; font-weight:normal; text-decoration:none; }	
		#fil-ariane li a:hover{}
	
/* ====================================================================== */
/* ============================== FOOTER ================================ */
/* ====================================================================== */

#footer{ background:#444446 url(../cssimg/site/footer_bg.gif) 0px 0px no-repeat; height:17px; clear:both; text-align:center; color:#EFECE0; }

	.w-bas{ float:right; margin:10px 10px 0px 0px;}
		.w-bas img{margin:0px 4px 0px 0px;}

	.footer-menu{ float:left; margin:10px 0px 0px 10px; font-size:1.1em; text-align:left;}
		.footer-menu a{text-decoration:none; color:#909092;}
		.footer-menu a:hover{ color:white; }

	.footer-coordonnee{ float:left; margin:10px 0px 0px 10px; text-align:left; width:500px;}
		.footer-coordonnee img{ float:left; }
		.footer-coordonnee p{color:#909092; font-size:1.1em;}

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


#accueil_txt{ margin:4px 0px 0px 13px; padding:10px 10px 10px 10px; width:276px; height:481px; background: url(../cssimg/site/acc_edito.jpg) 0px 0px no-repeat;}
	#accueil_txt h1{ margin:50px 0px 6px 0px; font-size:1.4em; color:white; font-weight:normal; }
	#accueil_txt .desc{ margin:6px 0px 0px 10px; padding:0px 0px 0px 25px; color:white; font-weight:bold; background: url(../cssimg/site/acc_edito_puce.gif) 0px 3px no-repeat;}
		#accueil_txt .desc a{ float:right; display:block; margin:0px 20px 0px 0px; padding:3px 0px 0px 0px; width:41px;  height:18px; color:white; text-decoration:none; text-align:center; background: url(../cssimg/site/bt_voir1.gif) 0px 0px no-repeat;}
		/*#accueil_txt .desc a{ position:absolute; top:-2px; right:30px; display:block; width:41px; padding:3px 0px 0px 0px; height:18px; color:white; text-decoration:none; text-align:center; background: url(../cssimg/site/bt_voir1.gif) 0px 0px no-repeat;}*/
	#accueil_txt .moreInfo a{ display:block; margin:15px 0px 0px 0px; padding:3px 0px 0px 10px; height:18px; color:white; font-weight:bold; background: url(../cssimg/site/bt_moreInfo.gif) 0px 0px no-repeat; text-decoration:none;}

#tel-commercial{margin:0px 0px 10px 0px;}
	#tel-commercial p{text-align: center;}

.accBGtop{ background: url(../cssimg/site/accBGtop.gif) 0px 0px no-repeat;}
.accBGbottom{ background: url(../cssimg/site/accBGbottom.gif) 0px bottom no-repeat; clear:both;}
.accBGcenter { width:647px; background: url(../cssimg/site/accBGcenter.gif) 0px 0px repeat-y;}

.goPage{ margin:0px 0px 0px 10px; _margin:0px 0px 0px 5px; float:left;}
	.goPage .desc{ margin:5px 5px 10px 5px; font-size:1.3em; color:#141414;}
	.goPage .link a{ display:block; padding:3px 0px 0px 27px; width:110px; height:18px; color:white; font-weight:bold; background: url(../cssimg/site/bt_petit_fleche.gif) 0px 0px no-repeat; text-decoration:none;}
	.goPage .link2 a{ display:block; padding:2px 0px 0px 27px; width:135px; height:19px; color:white; font-weight:bold; background: url(../cssimg/site/bt_petit_fleche2.gif) 0px 0px no-repeat; text-decoration:none;}

.width125{ width:125px;}
.width285{ width:285px;}
.width350{ width:350px;}
.width510{ width:510px;}

.lastMSG{ float:left; }
	.lastMSG h1, .accVideoDroit h1{ height:36px; font-size:2.0em;}
	.lastMSG h1 span, .accVideoDroit h1 span{ font-size:0.6em;}
		.lastMSG h1 a, .accVideoDroit h1 a{ display:block; padding:2px 0px 0px 40px; height:36px; color:#45454F; background: url(../cssimg/site/puce_accH1.jpg) 0px 0px no-repeat; text-decoration:none; }
		.lastMSG h2, .accVideoDroit h2{ margin:0px 0px 3px 0px; color:#45454F; font-size:1.2em;}

/*=== news rappel ===*/
	.new-inc .titre{ padding:0px 0px 0px 10px; font-size:1.2em; font-weight:bold; color:#575759; background: url(../cssimg/site/puce_carre_gris.gif) 0px 5px no-repeat; }
		.new-inc .titre span{ color:#10A0D4; font-weight:normal;}
		.new-inc .titre a{ text-decoration:none; }
	.new-inc .desc{margin:0px 0px 0px 0px; font-size:1.1em; }
	.new-inc .link{margin:0px 10px 0px 0px; font-size:1.1em; text-align:right; font-weight:bold; }
		.new-inc .link a{ color:black; text-decoration:none;}
		.new-inc .link a:hover{ text-decoration:underline;}

/*=== forum rappel ===*/
	.forum-inc .titre{ padding:0px 3px 0px 10px; font-size:1.1em; font-weight:bold; color:#575759; background: url(../cssimg/site/puce_carre_gris.gif) 0px 5px no-repeat; }
		.forum-inc .titre a{ color:#575759; text-decoration:none; }
	.forum-inc .date{ margin:0px 0px 3px 0px; color:#10A0D4; font-weight:normal; font-size:1.1em; }
		.forum-inc .date a{ color:#10A0D4; text-decoration:none; }
	
	
/*=== video rappel ===*/
.accVideo{ float:left; width:280px; margin:0px 0px 0px 20px; _margin:0px 0px 0px 10px;}
	.accVideo .desc{margin:5px 5px 10px 5px; font-size:1.3em; color:#141414;}
	.accVideo a{}
.accVideoDroit{ float:left; width:335px; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-weight:bold; font-size:1em; }
	.accVideoDroit p{ font-size:1.1em; }
	.accVideoDroit a{ display:block; padding:4px 0px 0px 28px; color:#575757; height:21px; font-size:1em; text-decoration:none; background: url(../cssimg/site/puce_video.jpg) 0px 0px no-repeat; }
	
	
			
/* ====================================================================== */
/* ========================== 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 30px; 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 15px 0px; border-bottom:1px #D5D5D5 solid; }
		.news1 p {}
			.news1 .news-titre { margin:0px 0px 10px 0px; padding:0px 0px 0px 30px; font-weight:bold; font-size:1.4em; color:#575757; background: url(../cssimg/site/puce_carre_gris.gif) 20px 4px no-repeat; }
			.news1 .date { margin:0px 0px 0px 0px; padding:0; font-size:0.7em; color:#0EA1D4; font-weight:normal; font-style:italic; }
			.news1 .la-news { margin:0px 0px 0px 30px; padding:0; color:#222222; }
			.news1 .voirlien { float:right; margin:10px 0px 0px 30px; padding:0; color:#242424; font-size:1.1em; font-weight:bold; }
				.news1 .voirlien a { color:#242424; text-decoration:none; font-size:1.1em;}
				.news1 .voirlien a:hover { text-decoration:underline;}
			/* avec image */	
			.news1 .news-img { float:left; margin:0px 10px 0px 30px; padding:4px; border:1px #F1F1F1 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 25px 5px 15px; padding:10px 0px 15px 0px; border-bottom:1px #D5D5D5 solid; }
		.linklien1 .lien-titre{ margin:0px 0px 10px 0px; padding:0px 0px 0px 30px; font-weight:bold; font-size:1.4em; color:#575757; background: url(../cssimg/site/puce_carre_gris.gif) 20px 4px no-repeat; }
		.linklien1 .lien-texte{margin:0px 0px 0px 30px; padding:0; color:#222222; }
		.linklien1 .lien-link{ float:right; margin:10px 0px 0px 30px; padding:0; color:#242424; font-size:1.1em; font-weight:bold; }
			.linklien1 .lien-link a{ color:#242424; text-decoration:none; font-size:1.1em;}
			.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 30px 0px 30px; background:#3E3F43; padding:5px; }
			.questionstheme h2.nomtheme{ font-size:1.6em; font-weight:bold; color:#00ACE7;}
			.questionstheme p{}
				.questionstheme p a{ margin:0px 0px 0px 10px; padding:0px 0px 0px 20px; color:white; background: url(../cssimg/site/acc_edito_puce.gif) 0px 4px no-repeat; text-decoration:none; }
				.questionstheme p a:hover{ text-decoration:underline;}
			
	.reponsefaq{ padding:5px; margin:0px 30px 10px 30px;}
		.reponsefaq h4{ padding:0px 0px 0px 17px; font-size:1.2em; font-weight:bold; color:#575759; background:url(../cssimg/site/puce_carre_gris.gif) 0px 4px no-repeat; }
			.reponsefaq h4 span{ color:#0FA1D4; font-weight:normal; font-style:italic;}
		.reponsefaq p{ color:#222222; }
	
	.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 ========================== */
/* ====================================================================== */

#chargement{ }

/*-- css d'une galerie dans visiteur et BO --*/
#imagegalerie {margin:10px 0px 0px 25px; }
		.thumbnail{width:150px; float:left; margin:15px 0px 0px 21px; text-align:center; position:relative; background:white;}
		.thumbnail .contour-admin{ padding:10px; border:1px solid #999; background:#FFFFFF; }
		.thumbnail a.lien-img-gallery{ text-decoration:none; background:#FFFFFF; display:block; padding:2px; border:1px solid #f4f4f4;}
		.thumbnail a.lien-img-gallery:hover{  border:1px solid #dfdfdf;}
		.thumbnail img{ margin:0; padding:0; border:0;}
			.thumbnail .galerieimg { }
			.thumbnail .bt-supimg{ position:absolute; top:15px; right:15px;}
		.thumbnail .caption{ padding:2px 0px 0px 0px; font-size:1.1em; color:white; height:40px; display:block; background: url(../cssimg/site/bt_offre_large.gif) 0px 0px no-repeat;}
		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{ margin:10px 10px 0px 0px; float:right; background:#F3F3F3; width:200px; height:175px; padding:10px; font-size:1.1em; }
	#adressecompany p{ margin:0px 0px 0px 0px; padding:0px 0px 0px 10px; }

#formulaires{margin:10px 0px 0px 0px; }
	#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:150px; 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;}
		#coordonnees input.focus{ background:#F3F3F3; border:1px #7F9DB9 solid; padding:1px;}
	
	#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:140px; 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;}
			#message input.focus{ background:#F3F3F3; border:1px #7F9DB9 solid; padding:1px;}
		#message textarea, #message textarea.normal{ font-size:1.1em; width:320px; margin:0; padding:0; color:black;}
			#message textarea.focus{ background:#F3F3F3; border:1px #7F9DB9 solid;}
			html>body #message textarea.focus{ padding:1px;}
		
	#bt-formulaires { margin:10px 0px 20px 120px; width:220px; }
		#bt-formulaires .obligatory{ font-size:1.1em; font-style:italic; }
		#bt-formulaires input.annuler{ background:#ECECEC; border:1px #CCCCCC solid; color:white; font-size:1.1em; cursor:pointer; }
		#bt-formulaires input.send{ padding:0px 0px 0px 10px; width:113px; height:21px; border:0px; color:white; font-size:1.1em; background: url(../cssimg/site/bt_petit_fleche.gif) 0px 0px no-repeat; cursor:pointer; }

.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;}
	
	
/*=== 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;}


	
/* ====================================================================== */
/* ============================ PAGE SONDAGE ============================ */
/* ====================================================================== */

.question{ margin:20px 0px 0px 30px; color:#444446; font-weight:bold; }

.reponse{margin:0px 0px 0px 30px;}
	.reponse label{}
	.reponse input{}
	
.bt-send { text-align:center;}
	.bt-send input{ padding:0px 0px 0px 10px; width:113px; height:21px; border:0px; color:white; font-size:1.1em; background: url(../cssimg/site/bt_petit_fleche.gif) 0px 0px no-repeat; cursor:pointer; }


#liste-sondage{ margin:0px 0px 40px 30px;}
	#liste-sondage li{}
		#liste-sondage a{ display:block; font-size:1.2em; color:#444446; padding:0px 0px 0px 13px; background: url(../cssimg/site/puce_carre_gris.gif) 0px 5px no-repeat; }
		
		
#gestion-sondage{ margin:20px 0px 20px 20px;}
	#gestion-sondage h2{ font-size:1.4em; color:#444446;}
	#gestion-sondage table{ margin:0px 0px 10px 0px; font-size:1.2em;}
		#gestion-sondage table tr{ border-bottom:1px #E4E4E4 solid;}
		#gestion-sondage table th{ background:#3F7FC9; padding:1px 5px 3px 5px; text-align:center; border-left:1px white solid;}
		#gestion-sondage table td{ padding:1px 5px 3px 5px; text-align:center; }
		#gestion-sondage table a{ color:#444446;}

		.bt-gestion a{ display:block; height:20px; color:white; padding:2px 5px 0px 20px; border:1px #CCC solid; background:#3E3F43 url(../cssimg/site/acc_edito_puce.gif) 4px 4px no-repeat; text-decoration:none;}
		.bt-gestion a:hover{ border:1px black solid; }
				
#gestion-sondage fieldset{margin:20px 0px 0px 0px;}
	#gestion-sondage legend{ font-size:1.2em; color:#444446; font-weight:bold; }
	#gestion-sondage label{ font-size:1.2em; color:#444446; }
	
.question-liste{margin:10px 180px 0px 0px; padding:10px 0px 0px 0px; border-top:1px #CCC solid;}
	.question-liste{}	
	
.reponse-liste{margin:0px 180px 0px 0px;}	
	.reponse-liste{}