* { margin:0; padding:0;}
html {height:100%;}
body 
{ 
	background: url(../img/fond2.jpg) 0 0 no-repeat ;
	background-position:center top;
	background-attachment:fixed;
	font-size:100%;
	height:100%; 
	line-height:1em; 
	 
	/*color:#6d7172;*/
	/*color:#355f67; */
	color:#000000; 
	text-align:center;
	}
.hide {visibility:hidden;display:none;}	


/*in_line*/
img {border:0; vertical-align:top; text-align:left;}
/*ul { list-style:none;}*/

a:hover{text-decoration:none;}
a {color:#7a7a7a;
	text-decoration:none;
	}

.clear { clear:both;}

#header {width:980px;height:250px;}
#header .logo{ position:absolute; margin:0px 0 0 0px;z-index:99;}
#header .menu{ margin:0px 0 0 0px; position:absolute; text-transform:uppercase; width:670px;z-index:100;}
#header .menu li{color:#ffffff; font-size:0.75em;  float:left;}
#header .menu li a{ color:#fff; padding:0 30px; text-decoration:none;}


	
#content{
	position:relative;
	font-size:0.875em; 
	padding:0px 0px 0px 0px; 
	line-height:1.25em;
	min-height:600px;
	width:980px;
	/*background: url(../img/fondcontent.png) 0 0 no-repeat;
	background-position:bottom;*/
	}

#contentoffre{
	top:-20px;
	position:relative;
	font-size:0.875em; 
	padding:0px 0px 0px 0px; 
	line-height:1.25em;
	min-height:600px;
	width:980px;
	background: #ffffff;
	/*background-position:bottom;*/
	}



/*================== index.html ==================*/

#page1 #content .col_1 .col_box_1{text-align :center;padding:10px;}
#page1 #content .col_2 .col_box{ width:700px;text-align:center;margin-top:20px;}
#page1 #content .col_2 .col_box_1{ width:310px;text-align : justify;}
#page1 #content .col_2 .col_box_2{ width:310px; margin-left:60px;text-align : justify;}

#page1 #content .col_2 .col_box_1-rea{ width:230px;text-align : left;font-size:12px;margin-bottom:20px;color:#000000; }
#page1 #content .col_2 .col_box_2-rea{ width:230px;text-align : left;font-size:12px;margin-bottom:20px;color:#000000;}
#page1 #content .col_2 .col_box_3-rea{ width:230px;text-align : left;font-size:12px;margin-bottom:20px;color:#000000;}
.col_box a {color:#000000;}
/*================== index-1.html ==================*/
#page2 #content .col_1 .col_box{ width:487px; padding-bottom:11px;}
#page2 #content .col_1 .col_box_1{ width:260px;background:url(../img/fdtxt.png);}
#page2 #content .col_1 .col_box_2{ width:225px;}
/*================== index-2.html ==================*/
#page3 #content .col_2 .col_box{ width:502px;}
#page3 #content .col_2 .col_box_1{ width:229px;}
#page3 #content .col_2 .col_box_2{ width:229px; margin:0 0 0 31px;}
/*================== index-3.html ==================*/
#page4 #content .col_1 .ind_top{ margin-bottom:11px;}
/*================== index-4.html ==================*/
#page5 #content .col_1 input{ width:220px; height:19px;}
#page5 #content .col_1 textarea{ width:220px; height:279px; overflow:auto; margin-bottom:10px; overflow:auto;}
#page5 #content .col_1 textarea, #page5 #content .col_1 input{ padding-left:2px; border:1px solid #bcb6a8; color:#766a64; font-size:1em; font-family:Arial;}
#page5 #content .col_1 .h_f{ height:30px;}
#page5 #content .col_1 .text2{ color:#766a64;}
#page5 #content .col_2 .col_box{ width:482px; color:#5d6263; font-size:0.812em;}
#page5 #content .col_2 .col_box a{ color:#5d6263;}
#page5 #content .col_2 .col_box_1{ width:282px;}
#page5 #content .col_2 .col_box_1 b{ font-weight:normal; float:right; margin-right:89px;}
#page5 #content .col_2 .col_box_2{ width:199px;}
#page5 #content .col_2 .col_box_2 b{ font-weight:normal; float:right; margin-right:70px;}
#page5 #content strong{ font-weight:normal; color:#5d6263; font-size:1.06em !important}
#page5 #content .col_2 .ind_2{ margin:11px 0 !important;}

/*==================list====================*/
.wr_footer { width:100%;}
.wr_footer .t { background:url(images/m2-t-dr.gif) repeat-x top #f0f5f7;}
.wr_footer .b { background:url(images/m2-b-dr.gif) repeat-x bottom;}
.wr_footer .l { background:url(images/m2-l-dr.gif) repeat-y left;}
.wr_footer .r { background:url(images/m2-r-dr.gif) repeat-y right;}
.wr_footer .l_t { background:url(images/m2-l-t.gif) no-repeat left top;}
.wr_footer .r_t { background:url(images/m2-r-t.gif) no-repeat right top;}
.wr_footer .l_b { background:url(images/m2-l-b.gif) no-repeat left bottom;}
.wr_footer .r_b { background:url(images/m2-r-b.gif) no-repeat right bottom; width:100%;}
/*==========================================*/



/*----------*/
#gaine{
            position:fixed; 
            bottom:41px; 
            right:0px;
            background: url("../img/gaine.png") right bottom no-repeat;
            height:41px;
            width:205px;
            height:210px;
 						text-align:right;
 						color:#ffffff;
 						z-index:101;
					}
					
#gaine2{
            position:fixed; 
            bottom:0px; 
            left:0px;
            background: url("../img/intro/gaineprofil.png") left bottom no-repeat;
            height:800px;
            width:133px;
            
 						text-align:right;
 						color:#ffffff;
 						z-index:102;
					}						
					
					
#menuBottom{
 
            position:fixed; 
            bottom:0; 
            left:0;
            background: url("../img/foot.jpg") right bottom no-repeat;
            height:41px;
            width:100%;
 						text-align:right;
 						color:#ffffff;
 						z-index:80;
 						
					}

#menuBottomtxt{
	            position:fixed; bottom:0; left:0;
 						text-align:right;
 						color:#ffffff;	
						 width:95%;
						 padding: 0px 0px 5px 0px;
						 z-index:81;
	}

#menuBottomtxt a{color:#ffffff;}


#menuBottom2{
 
            position:fixed; bottom:0; left:0;
            background: url("../img/foot2.jpg") bottom;
            height:41px;
            width:100%;
            z-index:80;
 						
					}	

.menubandeau{position:absolute;margin:55px 0px 0px 197px;z-index:10;color:#ffffff;font-weight:bold;}
.menubandeau a{color:#ffffff;}
.imgbandeau {position:relative;z-index:1;}

.txtoffre{padding: 10px 100px 20px 100px;font-size:20px;line-height: 25px;}
.titreoffre{padding: 10px 100px 20px 100px;font-size:30px;line-height: 35px;}
.titrecontact{position:relative;z-index:2;padding: 10px 100px 20px 100px;font-size:50px;line-height: 35px;color:#ffffff;}
.titrecontact2{position:relative;z-index:2;padding: 10px 100px 20px 100px;font-size:30px;line-height: 35px;width:500px;color:#ffffff;}

.rouge {color:#da0c24;font-weight:bold;}

.fabfran {left:860px;position:absolute;float:right;top:-10px;}
.cotegauche1{float:left;padding:0px 20px 0px 300px}

.cotedroite1{float:left;}

/*----------*/

/* contact */
.form{
	
	
    float:left;
    width:300px;
    padding:0px 0 0 0;
}
.form .required{
    float:left;
    color:#575a5d;
    font-size: 11px;
    width:45px;
    overflow: hidden;
    padding:25px 0 0 5px;
}
.form input,.form textarea{
    float:left;
    padding:0 0 0 8px;
    border:1px solid #45a12a;
    background: url('../img/fdformo.png');
    width:250px;
    height:30px;
    font-size:11px;
    color:#000000;
    margin:17px 0 0 0;
    line-height:33px;
    border-radius: 5px;
}
.form textarea{
    padding-top:4px;
    background: url('../img/fdformo.png');
    width:250px;
    height:87px;
    resize:none;
}
.form input.button{
    width:64px;
    height:27px;
    background:url('../img/fdformo.png');
    color:#45a12a;
    padding:0px;
    line-height:16px;
    margin-left:100px;
}
.form h3.title{
    line-height:18px;
}
.form input:focus, textarea:focus {
 background-color:white;
 }




.cotegaucheclef{float:left;padding:0px 20px 0px 100px;width:420px;}


.formclef{


    float:left;
    width:100%;
    padding:0px 0 0 0;
    z-index:1;
}
.formclef .required{
    float:left;
    color:#575a5d;
    font-size: 11px;
    width:45px;
    overflow: hidden;
    padding:25px 0 0 5px;
}
.formclef input,.formclef textarea{
    float:left;
    padding:0 0 0 8px;
    border:1px solid #043882;
    background: url('../img/fdform.png');
    width:400px;
    height:30px;
    font-size:11px;
    color:#000000;
    margin:17px 0 0 0;
    line-height:33px;
    border-radius: 5px;
}
.formclef textarea{
    padding-top:4px;
    background: url('../img/fdform.png');
    width:400px;
    height:87px;
    resize:none;
}
.formclef .toto{

    width:64px;
    height:27px;
    background:url('../img/fdform.png');
    color:#043882;
    padding:0px;
    line-height:16px;
    margin-left:150px;
}
.formclef h3.title{
		
    line-height:18px;
}
.formclef input:focus, textarea:focus {
 background-color:white;
 

 }
 .titrep3{padding: 10px 100px 20px 20px;font-size:24px;line-height: 28px;}
 
.txtp{padding: 10px 0px 20px 20px;font-size:20px;line-height: 25px;}
.titrep2{padding: 10px 100px 20px 20px;font-size:30px;line-height: 35px;}
.titrep{padding: 10px 100px 20px 20px;font-size:50px;line-height: 35px;} 
.cotegauchep{float:left;padding:0px 0px 0px 30px;width:700px;}
.cotedroitep{float:left;}
.titrepo{padding: 10px 10px 50px 20px;font-size:30px;line-height: 35px;}

.cotegauchepv{float:left;width:280px;padding:0px 0px 0px 20px;}
.cotedroitepv{float:left;padding:0px 0px 0px 0px;width:680px;text-align:right;}


.formpv{


    float:left;
    width:100%;
    padding:0px 0 0 0;
    z-index:1;
}
.formpv .required{
    float:left;
    color:#575a5d;
    font-size: 11px;
    width:45px;
    overflow: hidden;
    padding:25px 0 0 5px;
}
.formpv input,.formpv textarea{
    float:left;
    padding:0 0 0 8px;
    border:1px solid #043882;
    background: url('../img/fdform.png');
    width:100px;
    height:30px;
    font-size:11px;
    color:#000000;
    margin:17px 0 0 0;
    line-height:33px;
    border-radius: 5px;
}
.formpv textarea{
    padding-top:4px;
    background: url('../img/fdform.png');
    width:400px;
    height:87px;
    resize:none;
}
.formpv .input.button{

    width:64px;
    height:27px;
    background:url('../img/fdform.png');
    color:#043882;
    padding:0px;
    line-height:16px;
    
}
.formpv h3.title{
		
    line-height:18px;
}
.formpv input:focus, textarea:focus {
 background-color:white;
 

 }
 #contentcontact
 {
 	position : relative;
 	margin-top: -20px; 
 	font-size:0.875em; 
	padding:0px 0px 0px 0px; 
	line-height:1.25em;
	min-height:600px;
	width:980px;
	background:#00509f ;
 }
 
 .carte {position: absolute;width:980px;padding: 0px 0px 0px 0px;margin: 0px 0px 0px 0px;left:0px; top:0px;z-index:1;height:930px;background:#00509f;}
 .commercial {float:left;width:250px;}
 
 .comnom {float:left;margin-bottom:10px;}
 .boule {float:left;width:70px;}
 .secteur {font-size:16px;font-weight:bold;}
 
 
 .partenaire {margin-bottom:10px}
 .partnom {color:#009ee0;font-weight:bold;}
 .partville {font-size:8px;}