/* ==============
    stylesfm.css
   ============== */
body {
    text-align : center;
    margin : auto;
    width : 980px;
    background-color : #561f0b;
}
#global {
    width : 980px;
    font-family : Arial, sans-serif;
}
#header {
    float : left;
    margin-bottom : 10px;
    margin-top : -10px;
}
#logo {
    float : left;
    width : 415px;
    height:105px;
    overflow:hidden;
    text-align : left;
    margin : 0;
    padding:  0;
    margin-left : 150px;
}
.clogo {
    margin-top:-10px;
}
#coordonnees {
    float : left;
    width : 230px;
    height : 135px;
    background : url('../images/coordonneesvides.png') no-repeat top left;
    text-align : left;
    margin : -485px 0 0 720px;
}
#bandeau {
    float : left;
    background : url('../images/bandeau_image.jpg') no-repeat center center;
    width : 980px;
    height: 395px;
    margin-top : 0px;
}
.textecoor{
    margin: 6px 0 0 30px;
    color: #fff;
    font-size: 20px;
}
.numfixe{
    margin: 10px 0 0 80px;
    color: #fff;
    font-size: 18px;
}
.numport{
    margin: 32px 0 0 80px;
    color: #fff;
    font-size: 18px;
}
#menu{
    height: 45px;
    width: 930px;
    margin: 0px 25px 0 25px;
}
a.imgmenu {
    float: left;
    color: #561f0b;
    background-image: url('../images/bouton_menu.jpg');
    height: 42px;
    width: 186px;
    line-height: 42px;
    margin-bottom: 10px;
   	font-weight: bold;
    
}
a.imgmenu:hover {
    color: #fcfef9;
   	font-weight: bold;
    background-image: url('../images/bouton_menu_over.jpg');
}
a.menuv {
    float: left;
    color: #561f0b;
    background-image: url('../images/bouton_sous_menu.jpg');
    height: 30px;
    width: 210px;
    line-height: 30px;
    text-align: center;
    margin-bottom: 25px;
    margin-top: -20px;
}
a.menuv:hover {
    color: #fcfef9;
    background-image: url('../images/bouton_sous_menu_over.jpg');
}
a.menu{
    float: left;
    color: #561f0b;
    background-image: url('../images/bouton_sous_menu.jpg');
    height: 30px;
    width: 150px;
    line-height: 30px;
    text-align: center;
    margin-bottom: 25px;
    margin-top: -20px;
    margin-left: 30px;
}
a.menu:hover{
    color: #fcfef9;
    background-image: url('../images/bouton_sous_menu_over.jpg');
}
span{
	font-family: Arial, sans-serif;
    color: #fff;
    font-size: 13px;
    text-align: justify;
}
#styleplan{
 	font-family: Arial, sans-serif;
    color: #fff;
    font-size: 13px;
    text-align: justify;
    padding: 10px;
    margin-left: 10px;   
}
/*Menu déroulant*/
.menuDeroulant{
 list-style-type: none;
 margin-top: 175px;
 padding: 0;
 border: 0;
position: absolute;
}
.sousMenu
{
display: none;
list-style-type: none;
 margin: 0;
 padding: 0;
 border: 0;
 top: 0;
 left: 0;
}
.menuDeroulant:hover .sousMenu{
    display: block;
}
/*fin menu déroulant*/
#conteneur{
    float: left;
    width: 980px;
    background-color: #561f0b;
    text-align: justify;
}
#conteneurgauche {
    float: left; 
    width: 300px; 
    margin-left:26px;
}
#galerie {
    float: left;
    width: 300px; 
    height:190px;
    padding-top:10px;
    
}
#ssmenu {
    float: left; 
    width: 300px;
    height: 275px;   
}
#bonus {
    float: left;  
    width: 300px;
}
#bonus h4 {
    margin-top:30px;
}
#traithorimini {
    float: left;  
    width: 250px;
    height: 2px;
    background-color: #491a06;
    margin:0 30px 0 30px;
    overflow:hidden;   
}
#traithorimini2 {
    float: left;  
    width: 250px;
    height: 2px;
    background-color: #77432d;
    margin:0 30px 0 30px;
    overflow:hidden;  
}
#traitvert {
    float: left;  
    width: 2px;
    height:610px;
    background-color: #491a06;
    margin: 30px 0 20px 0;
    overflow:hidden;   
}
#traitvert2 {
    float: left;  
    width: 1px;
    float: left;  
    width: 2px;
    height:610px;
    background-color: #77432d;
    margin: 30px 0 20px 0;
    overflow:hidden;    
}
.traitvert{
    float: left;  
    width: 2px;
    height:510px;
    background-color: #491a06;
    margin: 30px 0 20px 0;
    overflow:hidden;  
}
.traitvert2{
    float: left;  
    width: 1px;
    float: left;  
    width: 2px;
    height:510px;
    background-color: #77432d;
    margin: 30px 0 20px 0;
    overflow:hidden;   
}
#contenu {
    float: left; 
    width: 650px; 
    margin:0;
}
#contenu h2 {
    margin-left:10px;   
}
#traithorimax {
    float: left;
    width:940px;
    height:2px;
    margin:0px 20px 0 20px;
    background-color: #491a06;
    overflow:hidden;  
   
}
#traithorimax2 {
    float: left;
    width:940px;
    height:2px;
    margin:0px 20px 0 20px;
    background-color: #77432d;
    overflow:hidden;   
}
#piedpage{
    float: left;
    margin-top: 10px;
    width: 980px;
    color: #fff;
    font-size:12px;
    background-color: #561f0b;
    height: 40px;
}
#piedpage a{
    text-decoration: none;
    color: #fff;
}
#piedpage a:hover {
    text-decoration: none;
    color: #fff;
}
a{
    text-decoration: none;
    outline-style:none;
    color: #fff;
}
h4{
    color: #d69105;
    margin: 10px 0 0 20px;
}
p{
    margin-left: 20px;
    color: #fff;
    font-size: 13px;
    text-align: justify;
}
.paragraphe{
        text-indent: 10px;
}
.illustration2{
    padding-left: 10px;
}
.illustr {
    margin-left: 50px;
}
ul {
list-style-type: none;
}
h2{
    color: #d69105;
}
/* div plan de site*/
#organigramme{
    height: 500px;
}
#lignev{
    border: 1px solid #FFFFFF;
   	float:left;
	height:400px;
    margin-left: 50px;
    margin-top: -11px;
}
#lignev2{
    border: 1px solid #FFFFFF;
   	float:left;
	height:256px;
    margin-top: 5px;
}
.ligneh1{
    border: 1px solid #FFFFFF;
    width: 40px;
    float: left;
    margin-top: 5px;
}
.ligneh2{
    border: 1px solid #FFFFFF;
    width: 40px;
    float: left;
    margin-top: 5px;
}
a.plan:hover{
    color:  #000000;
   	font-weight: bold;
}
.plan{
    margin-left: 5px;
   	font-weight: bold;
}
/*fin plan de site*/
/*formulaire*/
#formulaire {
    text-align:left;
    height: auto;
	font-size:14px;
	font-weight: bold;
	color:#FFFFFF;
	line-height:30px;
	}
#demande {
    float:left;
	width:150px;
	text-align:right; 
	}
#reponse {
    margin-top: 5px;
    }
#reponse input, #reponse select {
	font-weight: normal;
	color:#000000;
	line-height:25px;
	text-align:left; 
    margin-bottom:8px;
    margin-left:20px;
	}
#reponse textarea  {
	font-weight: normal;
	color:#000000;
	line-height:25px;
	text-align:left; 
    margin-bottom:8px;
    margin-left:20px;

	}
.obligatoire {  
    font-size:20px;
	font-weight: normal;
	color:#da7503;  
}
.effet{
    color: white; 
}
.champformule{
    margin-top: 2px;
}
.centragecontact{
    font-size:20px;
    color:#da7503; 
    margin-left: 175px;
}
#carte {
    float:left;
	text-align:center;
	width:270px;
	float:left;
	height:400px;
    margin:10px 0px 0 10px;
    border: #fec708 1px solid;
	overflow:hidden;
	}
 #w3c{
    float: right;
    margin-top: -40px;
 }
 img{
    border: none;
 }
