*{
	margin:							0px;
	padding:						0px;
}
img{
	border:							0px;
}
p{
  padding:							5px;
  margin:							5px 0;
  text-indent: 						10px;
  line-height: 						20px;
  color:#555;
}
p:first-letter{
  font-weight: 						bold;
}

/***************************** différents styles pour les paragraphes*************************/

p.bleu{
	background-color:				#81b4d0;/*couleur de fond du paragraphe*/
	border:							1px solid #5196bd;/*tailles, style et couleur des bordures du paragraphe*/
	color:							#fff;/*couleur du texte*/
}

p.rose{
	background-color:				#b27fb5;/*couleur de fond du paragraphe*/
	border:							1px solid #99559d;/*tailles, style et couleur des bordures du paragraphe*/
	color:							#fff;/*couleur du texte*/
}

p.vert{
	background-color:				#60AA68;/*couleur de fond du paragraphe 508a56*/
	border:							1px solid #cccccc;/*tailles, style et couleur des bordures du paragraphe*/
	color:							#ffffff;/*couleur du texte*/
}

p.or{
	background-color:				#AC954C;/*couleur de fond du paragraphe cec79d*/
	border:							1px solid #cccccc;/*tailles, style et couleur des bordures du paragraphe*/
	color:							#ffffff;/*couleur du texte*/
}

p.gris{
	background-color:				#F0F0F0;/*couleur de fond du paragraphe*/
	border:							1px solid #cccccc;/*tailles, style et couleur des bordures du paragraphe*/
	color:							#666666;/*couleur du texte*/
}

p.gris2{
	background-color:				#cccccc;/*couleur de fond du paragraphe*/
	border:							1px solid #666666;/*tailles, style et couleur des bordures du paragraphe*/
	color:							#666666;/*couleur du texte*/
}

p.blanc1{
	background-color:				#ffffff;/*couleur de fond du paragraphe*/
	border:							1px solid #cccccc;/*tailles, style et couleur des bordures du paragraphe*/
	color:							#666666;/*couleur du texte*/
}

/*** fin ***/

tr{

  border-bottom:					1px solid #d0d0d0;
  height:							25px;
}
td{
  padding:							0px 20px 0px 20px;
  text-align:						center;
}
.li-puce li{
   list-style-image: 				url(_images/puce-li.gif);
   padding-bottom:					10px;
   font-size:						11px;
   margin-left:						20px;
}
a{
  color:							#2779a2;
  background-color:					inherit;
  text-decoration:					underline;
}
a:hover{
  color:                			#000;
  background-color:     			inherit;
  text-decoration:      			underline;
}
.center{
  text-align:						center;
}
body{
	background-image:				url(_images/bg.gif);
	background-repeat:				repeat-x;
	font-family:					Verdana, Arial, Helvetica, sans-serif;
	font-size:						12px;
	line-height:					20px;
	background-color:				#f2f2f2;
	color:							#000;
}
#header{
  width:							980px;
  height:							270px;
  margin:							0px auto 0px auto;
}
#header #logo{
	float:left;
}
#header #logo a{
	background-image:				url(_images/logo.gif);
 	background-repeat:				no-repeat;
 	display:						block;
 	width:							150px;
 	height:							28px;
 	top:							20px;
 	left:							62px;
 	position:						relative;
}
h1{
	display:						none;
}
h2{
	line-height: 					58px;
	/*background-image:				url(_images/h3.gif);*/
 	/*background-repeat:				no-repeat;	*/
	background-repeat:				repeat;	
	border-top:						1px solid #e8e8e8;
	border-bottom:					1px solid #adadad;
	display:						block;
	font-family: 					"times new roman";
	font-size:						28px;
	font-style: 					italic;
	color:							#343434;
	text-indent: 					25px;
	font-weight:					normal;
	padding-top:					2px;
	margin:							2px 0 0 0;
}

h2:first-letter{
  font-weight: 						bold;
  font-size:						68px;
	font-style: 					italic;
	color:							#ccc;
}
h3{
	line-height: 					28px;
	background-image:				url(_images/h3.gif);
 	/*background-repeat:				no-repeat;	*/
	background-repeat:				repeat;	
	border-top:						1px solid #e8e8e8;
	border-bottom:					1px solid #adadad;
	display:						block;
	font-family: 					"times new roman";
	font-size:						18px;
	font-style: 					italic;
	color:							#343434;
	text-indent: 					25px;
	font-weight:					normal;
	padding-top:					2px;
	margin:							10px 0 0 0;
}
#header div#slogan{
 	top:							20px;
 	left:							50px;
 	position:						relative;
}
#header div#slogan span{
	color:							#5297bd
}
#header #flash{
 	width:							990px;
 	height:							185px;
 	display:						block;
 	background-image:				url(_images/header.png);
  	background-repeat:				no-repeat;
  	margin-top:						16px;
}
#header #newsletter{
	width:							276px;/*286-10*/
	height:							56px;/*70-14*/
	background-image:				url(_images/bg-newsletter.gif);
  	background-repeat:				no-repeat;
  	float:							right;
  	font-size:						10px;
  	font-weight:					bold;
  	color:							#8cbbd4;
  	padding-left:					10px;
  	padding-top:					14px;
}
#header #newsletter span{
	padding-left:					15px;
}
#header #newsletter .champs-newsletter{
	width:							200px;
	border:							0;
	background-color:				transparent;
}
#header #newsletter .bouton-newsletter{
	margin-left:					8px;
	width:							37px;
	border:							0;
	background-color: 				transparent;
	cursor: 						pointer;
	color:							#fff;
	font-weight:					bold;
}

										  /*****************/

										 /* Fil d'Ariane **/

/*********************************************************/
#ariane {
  width:							auto;
  background-image:					url(_images/bg-ariane.gif);
  background-repeat:				repeat-x;
  height:							23px;
  line-height:						18px;
  font-weight:						bold;
  padding-left:						50px;
  font-size:						10px;
}
.texteAriane{
	color:						#fff;
	background-color: 			inherit;
	height:						20px;
	float:						left;
	padding:					0 5px;
}
ul.filAriane {
	float:						left;
	list-style: 				none;
	height:						20px;
}
ul.filAriane li{
	color:						#d0d0d0;
	float:						left;
	padding-right:				5px;
}
ul.filAriane li a{
	background-image:			url(_images/fleche-ariane.gif);
 	background-repeat:			no-repeat;
 	background-position:		right center;
	color:						#d0d0d0;
	display:					block;
	float:						left;
	padding-right:				11px;
	text-decoration: 			underline;
}
ul.filAriane li a:hover{
	color:						#fff;
	background-color: 			inherit;
	text-decoration: 			underline;
}

/* // gestion des menus*/
#main{
  background-color: 				#fff;
  width:							100%;
}
#center{
  width:							980px;
  text-align:						justify;
  margin:							0 auto 0 auto;
  padding:							0 0 75px 0;	
}
  #menu {
		background-color: 		#fff;
		float:					left;
		width:					184px;/*185-1border*/
	}
	#menu ul {
  		list-style: none;
  		list-style-position: outside;
		margin: 0;
		padding: 0;
		width:					184px;/*185-1border*/
		float: left;
	}

	#menu a{
		display: block;
		border-top: 1px solid #dddbd4;
		height:23px;
		line-height:23px;
		margin: 0;
		padding-left:10px;
		color: #336699;
		background: #fff;
		/*background-image:			url(_images/bg-menu.gif); */
  		background-repeat:			no-repeat;
  		background-position:		bottom;
		text-decoration: none;
	  	text-align:						left;
		overflow:hidden;
		font-variant: small-caps;
	}
	#menu a:hover {
		background: 				#336699;
  		background-repeat:			no-repeat;
		background-position:		top;
		color: 						#fff;
	}


	/*#dhtmlgoodies_tree li:hover, #dhtmlgoodies_tree li.sfhover {
		background: #55ffff;
	}*/
	#menu a.selected, #menu a.parentselected{
		background: 				#336699;
		/*background-image:			url(_images/bg-menu.gif);*/
  		background-repeat:			no-repeat;
		background-position:		center;
		border-top: 				1px solid #dddbd4;
		color: 						#fff;
		cursor: 					default;
		font-weight:				bold;
	}
	#menu ul ul li a{border-left:1px solid #dddbd4;}
 	#menu li {position: relative;}

	#menu ul ul {
 		position: absolute;
		top: 0;
 		left: 100%;
	}
	#menu ul ul li a{
		background-color: #eceff3;
	}
	#menu ul ul ul {
		position: absolute;
 		top: 0;
		left: 100%;
	}
	#menu ul ul ul ul{
		position: absolute;
 		top: 0;
		left: 100%;
	}
	div#menu ul ul
	{display: none;}

	div#menu ul li:hover ul
	{display: block;}
	
	div#menu ul li:hover ul ul{
		display:none;
	}
	div#menu ul ul li:hover ul{
		display:block;
	}
	
	

	/*div#menu ul ul ul li:hover ul
	{display: block;}
	/*li.sfhover:hover{
  		background-position:		top;
  		color:#000;
	}*/

	

	div.sous-menu{
		width:184px;
		height:16px;
		background-image: url(_images/sous-menu.gif);
		background-repeat: no-repeat;
		clear:both;
		border-top:1px solid #fff;
	}
	
	/*fin menu arnaud*/

#contenu{
	float:							left;
  	width:							760px;/*780-20*/
  	margin:							30px 0 0 20px;
}

#contenu .colonne{
	width:							370px;
	float:							left;
	padding:						0 5px;				
}

.clear{
  clear:							both;
}
.rose{
  color:							#cc1a66;
  background-color:					inherit;
}
.bleu{
  color:							#2779a2;
  background-color:					inherit;
}
.gris{
  color:							#a0a0a0;
  background-color:					inherit;
}
.blanc{
  color:							#fff;
  background-color:					inherit;
  font-weight:						bold;

}
#formulaire-close{
  display:							none;
}
#formulaire-open{
   display:							block;
   width:							960px;
   margin-left:						auto;
   margin-right:					auto;
}
#formulaire-contact{
  background-image:					url(_images/bg-formulaire-contact.gif);
  background-repeat:				repeat-x;
  background-position:				top;
  background-color:					#232323;
  color:							#fff;
  padding-bottom:					15px;
  color:							#eee;
}
#titre-contact{
  margin-left:						100px;
  width:							171px;
  height:							57px;
  background-image:					url(_images/titre-contact.gif);
  background-repeat:				no-repeat;
  text-align:						center;
  color:							#fff;
  background-color:					inherit;
  line-height:						42px;
  text-align:						center;
}
#titre-contact a{
  color:							#4d94bb;
  font-weight:						bold;
  text-decoration:					none;
  background-color:					transparent;
}
#titre-contact a:hover{
  color:							#fff;
  background-color: 			inherit;
  font-weight:						bold;
  text-decoration:					none;
}
.colonne-contact{
  float:							left;
  width:							298px;/*320-22*/
  border-left:						1px solid #333;
}
.colonne-contact-textarea{
  float:							left;
  width:							650px;/*320-22*/
  border-left:						1px solid #333;

}
#footer-ligne-bonus{
   width:							auto;
   height:							22px;
   padding-right:					50px;
   overflow:						auto;
   background-color:				#232323;
}
.footer-bonus-menu{
   float:							right;
   height:							22px;
   line-height:						22px;
   padding-left:					5px
}
.footer-bonus-menu a{
   font-size:						11px;
   font-weight:						bold;
   text-decoration:					none;
   color:							#232323;
   border:							none;
   background-color:				inherit;
}
.footer-bonus-menu a:hover{
   color:							#000;
   background-color:				inherit;
   text-decoration:					underline;
}
.footer-bonus-menu-gauche{
   float:							left;
   height:							22px;
   width:							16px;
   background-image:				url(_images/menu-bonus-gauche.gif);
   background-repeat:				no-repeat;
}
.footer-bonus-menu-droit{
   float:							left;
   height:							22px;
   width:							16px;
   background-image:				url(_images/menu-bonus-droit.gif);
   background-repeat:				no-repeat;
}
.footer-bonus-menu-milieu{
   float:							left;
   height:							22px;
   background-image:				url(_images/menu-bonus-milieu.gif);
   background-repeat:				repeat-x;
}
#footer{
  padding-top:						10px;
  padding-bottom:					10px;
  color:							#232323;
  background-color:					#f1f1f1;
  font-size:						12px;
  text-align:						center;
}
/*style formulaire de contact*/
#contact{
  width:							960px;
  margin-left:						auto;
  margin-right:						auto;
}
#form-contact{
  float:							left;
  width:							400px;
  margin:							0 20px 0 20px;
  padding-right:					50px;
  border-right:						1px dotted #d0d0d0;
}
.form-row-textarea{
  width:							600px;
  clear:							both;
  padding:							5px;
}
.form-row{
  width:							298px;
  clear:							both;
  padding:							5px;
}
.form-txt img{
  vertical-align:					bottom;
}
.field-label{
  float:							left;
  width:							135px;
}

.field-widget-textarea{
  float:							left;
  width:							450px;
}
.field-widget{
  float:							left;
  width:							150px;
}
.style-champs{
  width:							250px;
  border-top:						none;
  border-left:						none;
  border-right:						none;
  border-bottom:					1px solid #2779a2;
  background-color:					#f0f0f0;
  color:							#000;
}
#style-bouton{
  color:							#fff;
  font-weight:						bold;
  width:							150px;
  background-color:					#000;
  background-image:					url(_images/btn-envoyer.gif);
  background-repeat:				repeat-x;
  cursor:							pointer;
}
/*formulaires*/
input.disabled {
  background-color:					#f2f2f2;
  color:							inherit;
  padding:							2px;
}
input{
	border:							2px solid #c1bea1;
	padding:						2px;
}
input.required, textarea.required {
	border:							2px solid #4d94bb;
	padding:						2px;
}
input.validation-failed, textarea.validation-failed {
  	border:							2px solid #ff3300;
	color:							#ff3300;
	padding:						2px;
	background-color:				#fff;
}
input.validation-passed, textarea.validation-passed {
	border:							2px solid #00cc00;
	padding:						2px;
	color:							#000000;
	background-color:				#fff;
}

.validation-advice {
	padding:						5px;
	background-color:				#ff3300;
	color:							#fff;
	font-weight:					bold;
	text-align:						center;
	width:							140px;
}
#recherche {
	border-top:						1px solid #ddd;
	border-bottom:					1px solid #ddd;	
	padding:						5px 0;
}
#recherche input{
	border:1px solid #999;
	background-color: #f5f5f5;
	padding:0;
}

.custom-advice {
	margin:							5px 0;
	padding:						5px;
	background-color:				#c8aa00;
	color:							#ffffff;
	font-weight:					bold;
}
.center{
    text-align:						center;
}
.bouton a{
	width:							209px;
	height:							108px;
	display:						block;
	position:						relative;
	float:							left;

}
.creations a{
	margin:							47px 0 0 119px;
}
.experience a{
	margin:							25px 0 0 7px;
}
.referencement a{
	margin:							66px 0 0 6px;
}
.hebergement a{
	margin:							47px 0 0 7px;
}
.hidden, .lastname{
  display: none;
}