#fancy_div {
	background:#fff !important;
	color:#3B3B3B !important;
	text-align:center !important;
}

*{
	margin:0;
	padding:0;
}

a:active, a:focus {
	outline:none;
}

body {
	background:#1d2020;
	margin:0;
	padding:0;
	font-size:12px;
	font-family:Helvetica, Arial, sans-serif;
}

.container {
	width:100%;
	height:auto; 
	background:url(../gifs/fond.jpg) #fdfdfd repeat-x;
	position:relative;
	padding-top:334px;
}

#container_top {
	width:100%;
	height:334px;
	background:url(../gifs/container.jpg) top no-repeat;
	top:0;
	left:0;
	z-index:10;
	position:absolute;
}

#header {
	height:334px; /* à modifier*/
	width:981px;
	margin:0 auto;
	position:relative;
}

.logo {
	width:381px;
	height:112px;
	background:url(../gifs/logo.jpg) top no-repeat;
	position:absolute;
	top:0;
	left:0;
	z-index:1;
}

.contact {
	width:265px;
	height:179px;
	background:url(../gifs/contact.jpg) top no-repeat;
	position:absolute;
	bottom:0;
	left:0;
	z-index:3;
}

.contact p {
	color:#fff;
	padding-left:20px;
	padding-top:10px;
	font-size:14px;
	line-height:17px;
}

.contact a {
	color:#fff;
}

.btn_contact {
	width:156px;
	height:30px;
	background:url(../gifs/btn_contact.jpg) top no-repeat;
	display:block;
	margin:15px auto 0;
	color:#2A2A2A !important;
	text-decoration:none !important;
	text-align:center;
	line-height:29px;
	font-size:15px;
	font-weight:bold;
}

.contact strong {
	font-size:20px;
	font-weight:100;
}

.my_flash {
	position:absolute;
	bottom:0;
	right:6px;
	color:transparent !important;
	z-index:2;
}

.slogan {
	width:387px;
	height:55px;
	background:url(../gifs/baseline.jpg) top no-repeat;
	position:absolute;
	top:15px;
	right:13px;
	z-index:4;
	color:#7c7c7c;
	font-size:18px;
	padding-top:20px;
	padding-left:55px;
}

#content {
  width:981px;
  height:auto;
  position:relative;
  margin:0 auto;
  overflow:hidden;
  background:#fff;
  padding:20px 0 30px;
}

.fd_footer {
	width:100%;
	height:200px;
	clear:both;
	background:url(../gifs/footer.jpg) top repeat-x;
}

.footer {
  width:981px;
  height:200px;
  margin:0 auto;
  padding-top:10px;
}

.footer a, .footer p {
	color:#fff;
	text-align:left;
	text-decoration:none;
	font-size:12px;
}

.footer a:hover, .vert {
	color:#a7c724 !important;
}

.footer strong {
	color:#ccc !important;
}

.box, .box1, .box2, .box3, .box4 {
	height:auto;
	float:left;
	display:inline;
}

.box {
	width:280px;
}

.box1 {
	width:200px;
}

.box2 {
	width:150px;
}

.box3 {
	width:180px;
}

.box4 {
	width:150px;
}

/******************************************************************** Lien ******************************************************************/
.page p {
	color:#2a2a2a;
	text-align:justify;
	line-height:1.5em;
	padding-bottom:10px;
}

.sub {
	padding-bottom:0 !important;
	margin-bottom:15px;
	margin-left:15px;
	padding-left:4px;
	border-left:1Px solid #ccc;
}


.important {
	width:100%;
	height:auto;
	margin-bottom:10px;
	padding:10px 0 0 0;
	background:#eee;
}

.important p {
	padding:0 20px 10px 20px !important;
}

.big_lien {
	font-size:15px;
}


.centrer {
  text-align:center !important;
}


.page a {
	color:#5799bb;
	text-decoration:underline;
}

.page a:hover {
	text-decoration: none;
	color:#5799bb;
}

.border_img {
	border:1px solid #ccc;
	padding:2px;
}

.lien {
  text-decoration:underline !important;
  color:#5799bb !important;
  display:inline-block;
  height:15px;
  font-size:1em;
  font-weight:bold;
  float:right;
  line-height:11px;
}

.lien:hover {
  text-decoration:none !important;
  color:#5799bb !important;
}

.paragraphe5050 {
	float:left;
	width:48%;
	height:auto;
	display:inline;
}

.paragraphe50501 {
	float:right;
	width:48%;
	height:auto;
	display:inline;
}

.filet {
	width:100%;
	height:3px;
	border-top:1px solid #ccc;
	margin-top:10px;
	margin-bottom:10px;
	-margin-bottom:0;
	clear:both;
}

.page ul {
	margin:0 0 10px 25px;
	padding:0;
	list-style:none;
	list-style-image: url(../gifs/puce_liste.jpg);
	list-style-position:outside;
}

.page ul li {
	line-height:1.5em;
	color:#2a2a2a;
	text-align:left;
}

.page {
	width:941px;
	padding:0 20px;
}


.img_left {
	float:left;
	display:inline;
	margin-right:20px;
	margin-bottom:10px;
}

.img_right {
	float:right;
	display:inline;
	margin-left:20px;
	margin-bottom:10px;
}

.img_normal {
	margin-bottom:10px;
}

/************** fin mise en page *************/

/************** LOUPE *************/

#loupe {
	position: absolute;
	top: 10px;
	right: 10px;
	z-index: 10;
	font-size:11px;
}

#loupe p {
	text-align:right !important;
	color:#252525;
}

#loupe a {
	color:#252525;
	text-align:center;
	text-decoration:none;
}

#loupe a:hover {
	text-decoration:underline;
}

zoom {
	font-size:120%;
}

/************** FIN LOUPE *************/

/***********************************************************CONTACT FORMULAIRE*********************************/

.input_form {
	background-color: #f5f5f5;
	border:1px solid #71aac8;
	font-family: Arial;
	color: #333333;
	margin-top: 5px;
	font-size:12px;
	width: 300px;
}

.input_form1 {
	background-color: #f5f5f5;
	border:1px solid #71aac8;
	font-family: Arial;
	color: #333333;
	margin-top: 5px;
	font-size:12px;
	width: 150px;
}


.area_form {
	background-color: #f5f5f5;
	border: 1px solid #71aac8;
	font-family: Arial;
	color: #333333;
	margin-top: 5px;
	height:100px;
	font-size:12px;
	width: 300px;
	overflow: auto;
}
.bouton_form {
	height: 30px;
	width: 150px;
	border: 1px none #fff;
	color: #FFFFFF;
	display: block;
	cursor: pointer;
	font-weight:bold;
	clear:both;
	margin:20px 0 0 180px;
	background-color: #71aac8;
}

#formulaire_1 .submit {
	margin-left:0 !important;
	margin-top:0 !important;
}

.bouton_form:hover {
	opacity:0.8;
	filter:alpha(opacity=80);
}

.optional, .required  {
	width:175px !important;
	text-align:right !important;
}

.divGenerateurRequired {
	margin-bottom:10px !important; 
}

#formulaire_1 p {
	margin:0 !important;
	padding:0 !important;
}

#formulaire_1 {
	width:600px;
	height:auto;
	float:right;
	display:inline;
}

.valide {
	background-color: #f5f5f5 !important;
	border:1px solid #71aac8;
	color:#2A2A2A !important;
	width:550px;
	height:auto;
	float:right;
	display:inline;
}
/**********FIN CONTACT*************/


/************* NEWSLETTER *****************/

#newsletter_iframe {
	background:#fff !important;
	height: 325px !important;
}

#newsletter_iframe h1 {
	color:#71aac8 !important;
}

#newsletter_iframe p {
	color:#2a2a2a !important;
}

#newsletter_iframe a {
	color:#71aac8 !important;
	text-decoration:underline !important;
}

#newsletter_iframe a:hover {
	text-decoration:none !important;
}

#newsletter_iframe #submit_newsletter, #newsletter_iframe #input_newsletter {
	float:left !important;
}
/******************* NEWSLETTER*******************/

/************ MENU ***********/
ul.MenuHorizontal { 
   width: 980px; 
   height:52px;
   list-style: none; 
   background:url(../gifs/fond_menu.jpg) top repeat-x;
   margin: 0; 
   position:absolute;
   top: 99px;
   left:1px;
   z-index:5;
   padding: 0; 
   overflow: hidden; 
} 

ul.MenuHorizontal li { 
   float: left; 
} 

ul.MenuHorizontal li a { 
   display: block; 
   color: #FFF;         /*Ici, changer la couleur de la police*/ 
   font-size: 13px;         /*Ici, changer la taille de la police du menu*/ 
   padding-top: 0px;         /*Ici, on joue sur le padding pour centrer le texte verticalement*/
   height: 52px;         /*Ici, on augmente la hauteur du menu*/  
   text-align: center; 
   text-decoration: none; 
   line-height:48px;
   font-weight:bold;
} 

li#menu0 { 
   width: 104px; 
} 

li#menu1 { 
   width: 153px; 
} 

li#menu2 { 
   width: 140px; 
} 

li#menu3 { 
   width: 120px; 
} 

li#menu4 { 
   width: 105px; 
} 

li#menu5 { 
   width: 97px; 
} 

li#menu6 { 
   width: 128px; 
} 

li#menu7 { 
   width: 133px; 
} 


li#menu0 a {
	padding-left:16px;
	width:88px;
}

li#menu7 a {
	padding-right:22px;
	width:112px;
}

li#menu0 a:hover, a#selected-over0 { 
   background-image: url('../gifs/menu.jpg') !important;         /*Ici l'image de fond over de la cellule*/ 
} 

li#menu1 a:hover, a.selected-over1 { 
   background-image: url('../gifs/menu1.jpg') !important;         /*Ici l'image de fond over de la cellule*/ 
} 

li#menu2 a:hover, a.selected-over2 { 
   background-image: url('../gifs/menu2.jpg') !important;         /*Ici l'image de fond over de la cellule*/ 
} 

li#menu3 a:hover, a.selected-over3 { 
   background-image: url('../gifs/menu3.jpg') !important;         /*Ici l'image de fond over de la cellule*/ 
} 

li#menu4 a:hover, a#selected-over4 { 
   background-image: url('../gifs/menu4.jpg') !important;         /*Ici l'image de fond over de la cellule*/ 
} 

li#menu5 a:hover, a#selected-over5 { 
   background-image: url('../gifs/menu5.jpg') !important;         /*Ici l'image de fond over de la cellule*/ 
} 

li#menu6 a:hover, a#selected-over6 { 
   background-image: url('../gifs/menu6.jpg') !important;         /*Ici l'image de fond over de la cellule*/ 
} 

li#menu7 a:hover, a#selected-over7 { 
   background-image: url('../gifs/menu7.jpg') !important;         /*Ici l'image de fond over de la cellule*/ 
}
/******* FIN MENU ********/


h1, h2.index {
	font-size:23px;
	color:#000;
	margin-bottom:15px;
	border:none !important;
	padding:0 !important;
}

h2 {
	font-size:16px;
	color:#000;
	margin-bottom:10px;
	padding-bottom:2Px;
	border-bottom:1px dotted #ccc;
}

h2 strong, h3 strong, .bleu {
	color:#71aac8 !important;
}

.col {
	width:305px;
	height:auto;
	float:left;
	display:inline;
}

.col p, .col1 p, .col2 p {
	padding:0 5px 10px;
}

.col1 {
	width:305px;
	height:auto;
	float:left;
	display:inline;
	margin:0 13px;
}

.col2 {
	width:305px;
	height:auto;
	float:left;
	display:inline;
}

.coord {
	width:280px;
	height:auto;
	padding:10px;
	background:#f5f5f5;
	float:left;
	display:inline;
	margin-right:30px;
	overflow:hidden;
	border:1px solid #ccc;
}

/************ ss-menu *************/

#ss-menu1, #ss-menu2, #ss-menu3 {
	width:200px;
	height: 0;
	position:absolute;
	overflow:hidden;
	top:147px;
	z-index:10;	
}

#ss-menu1 {
	left:107px;
}

#ss-menu2 {
	left:263px;
}

#ss-menu3 {
	left:403px;
}

.inside a {
	width:175px;
	height:24px;
	line-height:24px !important;
	color:#fff !important;
	font-size:12px;
	font-weight:100;
	text-decoration:none !important;
	border-bottom:1px dotted #ccc;
	display:block;
	margin-left:10px;
	padding-left:5px;
}

.inside {
	width:200px;
	display:block;
	position:relative;
}

.inside a:hover {
	color:#2A2A2A !important;
}

#ss-menu1 .inside, #ss-menu1 .fond_ssmenu {
	height:150px;
}

#ss-menu2 .inside, #ss-menu2 .fond_ssmenu {
	height:75px;
}

#ss-menu3 .inside, #ss-menu3 .fond_ssmenu {
	height:100px;
}

.fond_ssmenu {
	background:#66a2c3;
	display:block;
	position:absolute;
	top:0;
	left:0;
	z-index:-1;
	width:200px;
}
/**********Modifications référencement*************/
#bloc_h1{margin-bottom:15px;padding:0 !important;}
#h1_index{position:absolute;bottom:248px;left:367px}
h1 span, h2 span{color:#71aac8 !important}
h1.inline{display:inline;}
.grey_bold{color:#CCCCCC !important;font-weight:bold}
.para-conclusion{display:inline;font-size:23px;border:medium none !important;font-weight:bold}
.strong_noir{color:#000!important;font-weight:normal}
.span_p{color:#71aac8 !important}
.bold{font-weight:bold}