body{ font-size:62.5%; font-family:Arial, Helvetica, sans-serif; background:white url(../cssimg/header_bg2.gif) 0px 0px repeat-x;}
#conteneur{ margin:0px auto 0px auto; width:99%; }

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

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

img { border:0px; }
h1 { font-size:1.8em; color:#6B0230; margin:0px 0px 10px 0px; }
h2 { font-size:1.6em; color:#3F3F3F; margin:0px 0px 10px 0px; }
h3 { font-size:1.5em; color:#646464; margin:10px 0px 0px 0px; }
h4 { font-size:1.4em; color:#646464; margin:10px 0px 0px 0px; }
h5 { font-size:1.3em; }
h6 { font-size:1.2em; }
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;}

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

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

	
/* ====================================================================== */
/* ============================ EDITEUR SPAW ============================ */
/* ====================================================================== */
#editeur-spaw{ font-size:11px;}
 	
	#editeur-spaw p{font-size:11px; }
	#editeur-spaw  img { padding:5px; }

	#editeur-spaw h1, #editeur-spaw h2, #editeur-spaw h3, #editeur-spaw h4, #editeur-spaw h5, #editeur-spaw h6{font-weight: bold !important; background:none !important; background-image:none !important; margin:0 !important; padding:0 !important; }
	#editeur-spaw h1{font-size: 36px !important; display:block !important; visibility:visible !important; }
	#editeur-spaw h2{font-size: 24px !important; }
	#editeur-spaw h3{font-size: 18px !important; }
	#editeur-spaw h4{font-size: 16px !important; }
	#editeur-spaw h5{font-size: 12px !important; }
	#editeur-spaw h6{font-size: 10px !important; }
	
	#editeur-spaw ul{ margin:0px 0px 0px 20px; padding:0px 0px 0px 0px; }
	#editeur-spaw li{ list-style-type:none; background:url(../cssimg/puce_orange.gif) 0px 3px no-repeat; margin:0px 0px 0px 0px;  padding:0px 0px 0px 10px;}
		
	#editeur-spaw ol{ margin:0px 0px 0px 20px; padding:0px 0px 0px 0px; }
	#editeur-spaw ol li{ list-style-type:decimal; padding:0; margin:0; background:none; }

		
/* ====================================================================== */
/* =============================== HEADER =============================== */
/* ====================================================================== */
#header { position:relative; height:101px; }


/* ================== Logo ================== */
#logo{ position:absolute; margin:10px 0px 0px 70px; }
	#logo img{ margin:0px 0px 0px 0px; }

/* ================== menu ================== */
	#menu_haut {position:absolute; top:54px; right:30px; height:26px; padding:0; margin:0px; text-align:center;}
		#menu_haut li { float:left; }
			#menu_haut a {float:left; display:block; height:16px; margin:0px 3px 0px 0px; padding:0px 10px 0px 10px; color:white; text-decoration:none; font-size:1.1em; border-bottom:1px #e60667 solid; }
			#menu_haut a:hover { border-bottom:1px #FF0F78 solid; }

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

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


#ssmenu1{}
	#ssmenu1 li{padding:0; border-bottom:1px white solid; }
		#ssmenu1 li a{ display:block; width:140px; height:18px; padding:2px 5px 2px 10px; font-size:1.1em; font-weight:bold; text-decoration:none; background:#DBDBDB; border-left:4px #DBDBDB solid; color:#4C4C4C; }
		html>body #ssmenu1 li a{ min-height:18px; height:auto;}
			#ssmenu1 li a:hover{ border-left:4px #7F123B solid; }
		
#ssmenu2{padding:0; margin:5px 0px 10px 15px;}
	#ssmenu2 li{padding:0px 0px 0px 0px; border-bottom:1px white solid;}
		#ssmenu2 li a{height:18px; padding:0px 0px 0px 0px; font-size:1.1em; font-weight:normal; text-decoration:none; background:none; border-left:0px #7F123B solid; color:#4C4C4C; }
		html>body #ssmenu2 li a{ min-height:18px; height:auto;}
			#ssmenu2 li a:hover{ border-left:0px #7F123B solid; color:#7F123B; }
	

/* ====================================================================== */
/* =============================== CENTRE =============================== */
/* ====================================================================== */
#centre{ height:350px; margin:0px 10%; padding:0;}
html>body #centre{height:auto; min-height:350px;}

#main{ margin:0px 0px 0px 170px; padding:0; }
html>body #centre{height:auto; min-height:350px;}



/* ====================================================================== */
/* ============================== FOOTER ================================ */
/* ====================================================================== */
#footer{ background:#dddddd; height:70px; clear:both; text-align:center;  border-bottom: 15px #6B0230 solid; }
	#footer p{ text-align:center; padding:2px 0px 0px 0px; font-size:1.1em; color:#8c8c8c; }
		#footer a{ text-decoration:none; color:#8c8c8c; }
		#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; }


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

/*-- css d'une galerie dans visiteur et BO --*/
#imagegalerie {}
		.thumbnail{width:150px; float:left; margin:0px 15px 15px 0px; 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:10px; border:1px solid #999;}
		.thumbnail a.lien-img-gallery:hover{ background:#E5E5E5;}
		.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; height:175px; 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:80px; 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:#707070; font-size:1.1em; cursor:pointer; }
		#bt-formulaires input.send{ background:#ECECEC; border:1px #CCCCCC solid; color:#707070; font-size:1.1em; 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;}

	#lecloud{border:1px solid #EAEAEA;padding:2px;line-height:2.4em; background-color:#FFE8FF;}
	#lecloud a{color:#666666; text-decoration:none;}
	#lecloud a:hover{color:#666666; text-decoration:underline;}
		#lecloud .petit{padding: 2px 5px;font-size:small; font-weight: bolder;font-family:Arial;}
		#lecloud .moyen{padding: 2px 5px;font-size:medium; font-weight: bolder;font-family:Arial;}
		#lecloud .grand{padding: 2px 5px;font-size:xx-large; font-weight: bolder;font-family:Arial;}