/* --- PAGE --- */
body {color:#000;font: 11px verdana, arial, sans-serif;background:url(/images/body.jpg);
background-position:top left ;
background-repeat:repeat;
}
#all {margin-left:auto;margin-right:auto;width:100%;/*border:solid 1px red;*/text-align:center;height:100%;
margin-top:-10px;
margin-left:-10px;
margin-right:-10px;

}
#allbg {}

hr {
height: 1px;
margin: -0.5em 0;
padding: 0;
color: #CCC;
background-color: #CCC;
border: 0;
}



#header { 
top: 0 ; 
left: 0 ; 
width: 100% ; 
height: 150px ;
text-align:center;
background:url(/images/header.jpg) ;
background-position:top left ;
background-repeat:repeat;
padding-top:0px;

}
#header_2 { 
margin-left:auto;margin-right:auto;
width: 1024px ; 
height: 150px ;
text-align:center;
padding-top:0px;


}
#logo {float:left;margin-top:5px;margin-left:30px; width: 320px ; 
height: 130px ;
text-align:center;
padding-top:0px;
 }


#menu {float:right;padding:0;width: 660px ; 
height: 20px ;
text-align:center;
padding-top:0px;
}

#menu_top {float:right;width:500px;padding:0;margin-top:0px;width:660px; 
height: 115px ;
text-align:center;
padding-top:0px;
}

#global{

	text-align:center;
}







p
{
margin-top : 0px;
margin-bottom : 0px;
} 

/* --- PIED DE PAGE --- */

.clear {
   clear: both;
  }
#footer a { color: #FFF;  }
#footer p {font:10px verdana, arial, sans-serif;}
/* --- TETIERE --- */


#languages {position:absolute;top:10px;left:710px;}

/* --- PIED DE PAGE --- */
/* --- PIED DE PAGE --- */

#footer a {  color:#333;  }
#footer p {font:10px verdana, arial, sans-serif; color:#333; }

/* --- CONTENU --- */
#content {text-align:left;}
#main {margin-left:auto;margin-right:auto;width:1024px;
height:350px;
padding-top:5px;


}
#main_bas{margin-left:auto;margin-right:auto;width:1024px;
height:280px;

	background:url(/images/main_bas.png) #FFF;
background-position:top center ;
background-repeat:no-repeat;

}


#main_bas_index{margin-left:auto;margin-right:auto;width:1024px;
height:280px;
margin-top:5px;
	background:url(/images/main_bas.png) #FFF;
background-position:top center ;
background-repeat:no-repeat;
}

#devis{margin-left:auto;margin-right:auto;width:1024px;
height:35px;
margin-top:px;

text-align:right;
}
#footer{float:right;width:440px;
height:35px;
margin-top:px;

}
#main_agence {margin-left:auto;margin-right:auto;width:1024px;
padding-top:20px;
border:solid 1px red;
}

#bloc_texte {
	float:left;
	width:480px;border:solid 1px #FFF;
clear:both;
padding:5px 5px 5px 5px;
margin-top:5px;
margin-left:15px;
color:#666;
}
#bloc_texte  h1{
color:#7ACDD8;
font-size:15px;
}
#bloc_texte  h2{
color:#666;
font-size:12px;
}

/* --- DIAPORAMA --- */
#diaporama{position:absolute;top:0px; z-index:10;}
.mask{margin-left:0px;position:relative;width:1024px;height:350px;overflow:hidden;margin-bottom:0px;/*border:solid 1px red;*/}
.mask img{position:absolute;display:block;}




#ariane {margin-top:10px;font-size:10px;}
#liensuivant {float:right;padding-right:20px;}
.article {width:510px;border:solid 1px black;}
.space {height:10px;width:510px;}

/* --- MENU RUBRIQUE --- */
div#menutop {height:22px;  text-align:left;text-align:center;width:1024px;margin-left:auto;margin-right:auto;}
div#menutop a {color:#FFF; font-weight:bold; font-size:11px;}
div#menutop ul {padding: 0; margin:0px; }
div#menutop li:hover {background: #000;}
div#menutop li.sousmenu:hover {background: #000;}
div#menutop ul li {position:relative; list-style:none;  float:right;}
div#menutop ul.niveau2 li {float:left;}
div#menutop ul.niveau2 a { font-weight:normal; }
div#menutop ul ul {position:absolute; display:none;}
div#menutop li a {text-decoration:none; padding-top: 5px;
padding-left: 10px;
padding-right: 10px;
padding-bottom: 5px;
 display:block; }
div#menutop li.sousmenu:hover ul.niveau2 {display:block;}

#ariane {margin-top:10px;font-size:10px;}
#liensuivant {float:right;padding-right:50px;
background:url(/images/lien_suivant.png) ;
background-position:top right ;
background-repeat:no-repeat;
height:40px;
color:#000;
font-weight:200;
}


#liensuivant  a:hover {float:right;padding-left:50px;
background:url(/images/lien_suivant.png) ;
background-position:top left ;
background-repeat:no-repeat;
height:40px;
color:#F60;
}
form {
	font-size:9px;
	color:#000;


 }

label {
 margin-top:20px;
 display:block;
 }
label.inline {
 display:inline
 }
input {
 border:1px solid black;
background:url(/images/trans.png) ;
background-position:top left ;
background-repeat:nrepeat;
color:#FFF;
 }
input[type=radio] {
 margin-right:50px;
 background-color:transparent;
 border:none;
 color:#FFF;
 }
select, option {
background:url(/images/trans.png) ;
background-position:top left ;
background-repeat:nrepeat;
color:#FFF;
 }
textarea {
 border:1px solid black;
background:url(/images/trans.png) ;
background-position:top left ;
background-repeat:nrepeat;
color:#FFF;
 }


.article {width:510px;border:solid 1px black;}
.space {height:10px;width:510px;}



.carrousel_actualites{
 display:block;
 height:250px;
/*border:solid 1px white;*/
 overflow:hidden;
 float:left;
  width:260px;
  	 color:#FFF;

}
a.carroussel  {

  	 color:#FFF;

}
.article_resume {
float:left;
border:solid 1px yellow;
 width:330px;
}
.carrousel_article  {
	 width:360px;
 display:block;
 height:270px;
/*border:solid 1px white;*/
 overflow:hidden;
float:left;
 background:url(/img_etic/actu.png);
background-position:top left;
background-repeat:no-repeat;
padding-top:30px;
}
/* --- ACTUALITES DEFILANTES --- */
#contenu-actu{width:480px;
height:240px;
left:0px;
top:0;
float:right;
padding-left:20px;
color:#666;
font-size:12px;
}

#contenu-actu  h1{
color:#7ACDD8;
font-size:18px;
}
#contenu-actu  h2{
color:#666;
font-size:14px;
}
#contenu-actu  h3{
color:#666;
font-size:12px;
}
#div_container {
	float:right;
	padding:5px 5px 5px 5px;
border:1px solid #CCC;

margin-right:30px;
margin-top:0px;
padding-left:20px;
width:400px;
height:230px;
}
#div_container a { color:#7ACDD8; }
#div_container  h1{
color:#7ACDD8;
font-size:18px;
}
#div_container  h2{
color:#666;
font-size:18px;
}

/* --- NAVIGATION --- */
#search_footer {font: 14px verdana, arial, sans-serif;color:#DDD;}

/* --- TEXTES --- */
h1 {font: bold 18px verdana, arial, sans-serif;color:#7ACDD8;}
h2 {font: bold 14px verdana, arial, sans-serif;color:#7ACDD8;}
p, td, li {font: 12px verdana, arial, sans-serif;}
a:link {color:#7ACDD8;text-decoration:none;}
a:visited {color:#7ACDD8;text-decoration:none;}
a:hover {color:#CCC;text-decoration:underline;}
.petit {font: 11px verdana, arial, sans-serif;color:#DDD;}
.right {text-align:right;}
.center {text-align:center;}
select {font-size:9pt;}
input {font-size:9pt;}
hr {height:1px;}

/* --- MESSAGES --- */
.erreur {font: 12px verdana, arial, sans-serif;background-color:#FCC;padding:3px;color:#F00;margin-bottom:10px;border:solid 1px #F00;}
.succes {font: 12px verdana, arial, sans-serif;background-color:#CFC;padding:3px;color:#390;margin-bottom:10px;border:solid 1px #390;}
.info {font: 11px verdana, arial, sans-serif;background-color:#EEE;padding:10px;color:#999;margin-bottom:10px;border:solid 1px #CCC;}

/* --- IMAGES - GALERIES --- */
img {border:none;}
.galerie {clear:both;}
.vignette {padding:0px;border:solid 1px #DDD;float: left;margin: 2px 15px 10px 0;}
.vignette a:hover {text-decoration:none;}*/
.galerie {clear:both;float: right;}
.vignette {display:block;padding:0px;border:solid 5px #FFF;float: left;margin: 2px 15px 10px 0;}
.vignette a:hover {display:block;border:solid 2px #DDD;}
div#vignette a {
  display: block;
  background-color: #FF0000;
  border:solid 5px #FFF;
}
 
div#vignette a:hover {
  background-color: #990000;
  border:solid 5px #000;
}


.vignette_pdf {width:75px;height:75px;margin: 2px 15px 10px 0;}

/* --- LIENS --- */
#liens {border:solid 1px purple;}
.lien {clear:left;}
#liens h3 {}
#liens p {}
#liens a {}