/* CSS Document */

body,html{

margin:0;
padding:0;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
}
img{
border:none;
}
.titrePage{
color:#FFFFFF;
font-family:Arial, Helvetica, sans-serif;
font-size:20px;
font-weight:normal;
margin:0;
padding:0;
vertical-align:middle;
background:url(imgSite/bt_m.png) repeat-x top left;
}
form{
margin:0 0 0 20px;
padding:0;
}
#wrap{
width:900px;
margin:0 auto;
margin-bottom:20px;
}
#header{
background:url(imgSite/fond_haut.png) no-repeat;
height:130px;
}
#footer{
clear:both;
font-size:10px;
text-align:center;
margin-top:20px;
}
#footer a{
color:#999999;
text-decoration:none
}
#footer a:hover{
text-decoration:underline
}
a.lien_ref {
	font-size:12px;
	color:#333333;
	text-decoration:none;
}

a.lien_ref:hover{
	text-decoration:underline;
}
div.ligne_noir{
border-top:#333333 solid 1px;
line-height:1px;
height:1px;
}
#contenu{
clear:both;
border-bottom:#999999 solid 1px;
border-left:#999999 solid 1px;
border-right:#999999 solid 1px;
border-top:none;
}
.separateur{
clear:both;
}
div.centrer{
text-align:center
}
.rose12Bold{
font-weight:bold;
color:#d40050;
font-size:12px;
}
.grisF11Bold{
font-weight:bold;
color:#333333;
font-size:11px;
}

.bt{
background:url(imgSite/fond_bt.png);
height:30px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
line-height:30px;
vertical-align:middle;
color:#FFFFFF;
text-align:center;
}
.bt a{
color:#FFFFFF;
text-decoration:none;
}
.bt a:hover{
text-decoration:underline
}
#btClient{
width:90px;
float:right;
margin-top:0;
}

/****** MENU *****/
div#menuHaut{
margin:0;
padding:0;
background:url(imgSite/bg_menuHaut.png) repeat-x;
border-bottom:solid 1px #999999;
border-top:solid 1px #999999;
height:30px;
overflow:hidden;
}
div#menuHaut ul,div#menuHaut li{
	list-style-type:none;
	margin: 0;
	padding: 0;
}
div#menuHaut ul{
height:30px;
}
div#menuHaut li{
	float: left ;
}
div#menuHaut li a  {
	display: block;
	height:30px;
	line-height: 1px;
	text-align: center;
	text-decoration: none;
	background-color:#660066
}
div#menuHaut li a.menu1  {width:78px;background: url(imgSite/btAccueil.png) top left no-repeat;}
div#menuHaut li a.menu2  {width:105px;background: url(imgSite/btOffre.png) top left no-repeat;}
div#menuHaut li a.menu3  {width:155px;background: url(imgSite/btQui.png) top left no-repeat;}
div#menuHaut li a.menu4  {width:130px;background: url(imgSite/btReference.png) top left no-repeat;}
div#menuHaut li a.menu5  {width:123px;background: url(imgSite/btContact.png) top left no-repeat;}

div#menuHaut li a.menu1Active  {width:78px;background: url(imgSite/btAccueil.png) no-repeat;background-position:0% -30px;}
div#menuHaut li a.menu2Active  {width:105px;background: url(imgSite/btOffre.png)  no-repeat;background-position:0% -30px;}
div#menuHaut li a.menu3Active  {width:155px;background: url(imgSite/btQui.png) no-repeat;background-position:0% -30px;}
div#menuHaut li a.menu4Active  {width:130px;background: url(imgSite/btReference.png) no-repeat;background-position:0% -30px;}
div#menuHaut li a.menu5Active  {width:123px;background: url(imgSite/btContact.png) no-repeat;background-position:0% -30px;}

div#menuHaut li a:hover, div#menuHaut li a:focus, div#menuHaut li a:active{
background-position:0% -30px;
}


/** ENCART **/
#actu{
width:375px;
}
#actuDroit{
width:240px;
margin-bottom:15px;
}
#newletter{
width:220px;
}
#rappel{
width:250px;
}
.btActu{
	position:absolute;
	color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	margin:1px;
	/margin :1px 0 0 -7px ; /* uniquement IE */
}


.btActu ul, .btActu li{
list-style-type:none;
margin:0;
padding:0;
height:26px;
}
.btActu li{
float:left;
}
.btActu li.gauche{
display:block;
background:url(imgSite/bt_g.png) no-repeat top left;
width:20px;
height:26px;
}
.btActu li.milieu{
background:url(imgSite/bt_m.png) repeat-x top left;
height:26px;
line-height:22px;
vertical-align:middle
}
.btActu li.droit{
background:url(imgSite/bt_d.png) no-repeat top left;
width:20px;
height:26px;
}

.btBig{
	position:relative;
	color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
}
#btBig_lentille{
margin:0 0 0 30px;
width:220px;
}
#btBig_newsletter{
margin:0 0 0 70px;
width:150px;
}
#btBig_surMsesure{
margin:0 0 0 55px;
width:180px;

}
.btBig ul, .btBig li{
list-style-type:none;
margin:0;
padding:0;
height:34px;
text-align:center;
}
.btBig li{
float:left;
}
.btBig li.gauche{
display:block;
background:url(imgSite/btBig_g.png) no-repeat top left;
width:24px;
height:34px;
}
.btBig li.milieu{
display:block;
background:url(imgSite/btBig_m.png) repeat-x top left;
height:34px;
line-height:30px;
vertical-align:middle;

}
.btBig li.droit{
display:block;
background:url(imgSite/btBig_d.png) no-repeat top left;
width:24px;
height:34px;
}



#btRappel{
width:110px;
margin-left:1px;
}

.encart{
float:left;
margin-left:10px;
}
.encart h3{
margin:35px 0 0 20px;
padding:0;
color:#d40050;
font-size:12px;
}
.encart h4{
margin:0px 0 0 20px;
padding:0;
color:#d40050;
font-size:12px;
font-weight:bold;
}
.encart h4 a{
color:#d40050;
}
.encart p{
font-size:11px;
margin:10px 20px;
padding:0
}
.encartG{
float:left;
background:url(imgSite/encart_g.png) no-repeat top left;
line-height:1px;
height:149px;
width:8px;
margin:0;
padding:0;
}
.encartM{
background:url(imgSite/encart_m.png) repeat-x top left;
height:149px;
padding-top:1px;
}
.encartD{
float:right;
line-height:1px;
background:url(imgSite/encart_d.png) no-repeat top left;
height:149px;
width:10px;
}
.illus{
float:right;
margin: 5px ;

}
#illusRappel{
width:220px;
height:90px;
background:url(imgSite/illusRappel.jpg) no-repeat top right;
float:right;
}

input.width130{
width:130px;
border:solid 1px #999999;
}
input.width160{
width:160px;
border:solid 1px #999999;
margin-top:20px;
}
.btSubmit{
vertical-align:middle
}

/** OFFRE **/
#offre1,#offre2,#offre3{
width:280px;
height:372px;
}

.nos_offres{
float:left;;
margin:10px 0 10px 15px;
/margin:10px 0 10px 12px;
width:280px;
}
#offre1{
background:url(imgSite/bg_offre1.jpg) no-repeat top left;
}
#offre2{
background:url(imgSite/bg_offre2.jpg) no-repeat top left;
}
#offre3{
background:url(imgSite/bg_offre3.jpg) no-repeat top left;
}

ul.offre, ul.offre li{
margin:0;
padding:0;
list-style-image:url(imgSite/fleche.png);
font-family:Arial, Helvetica, sans-serif;
font-size:12px;

}
ul.offre{
margin:0px 25px;
padding-top:10px;
}
ul.offre li{
margin:5px 0px 5px 15px;
}
a.bt_contacterNous{
font-size:12px;
font-weight:bold;
text-decoration:underline;
color:#d40050;
text-align:center
}

#encartDroitPub{
position:relative;
float:right;
margin:30px 15px;
width:250px;  
}

/** GROS ENCART **/
.encartBig{
margin:0px 250px 0px 15px;
width:600px;
padding-top:30px;
}
.encartBig_G{
float:left;
background:url(imgSite/encart_big_g.png) no-repeat top left;
line-height:1px;
height:479px;
width:11px;
}
.encartBig_M{
background:url(imgSite/encart_big_m.png) repeat-x top left;
height:479px;
padding-top:1px;
}
.encartBig_D{
float:right;
line-height:1px;
background:url(imgSite/encart_big_d.png) no-repeat top left;
width:1px;
height:479px;
width:11px;
}

div.texteContenu{
margin: 50px 20px 0 20px;
}
div.tab_ref{
margin: 50px 20px 10px 20px;
}
div.tab_ref_suite{
margin: 10px 20px;
}

div.texteContenu img.illus{
float:left;
}

.encartBig p{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#333333;
}


.btBigMax{
	position:absolute;
	color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
	font-weight:normal;
	margin:0 180px;
	width:300px;
}
.btBigMax ul , .btBigMax li{
list-style-type:none;
margin:0;
padding:0;
height:26px;
}
.btBigMax li{
float:left;
}
.btBigMax li.gauche{
display:block;
background:url(imgSite/btBig_g.png) no-repeat top left;
width:24px;
height:34px;
}
.btBigMax li.milieu{
background:url(imgSite/btBig_m.png) repeat-x top left;
height:34px;
line-height:30px;
vertical-align:middle;

}
.btBigMax li.droit{
background:url(imgSite/btBig_d.png) no-repeat top left;
width:24px;
height:34px;
}

a.link{
font-weight:bold;
color:#333333;
text-decoration:underline;
}

form.formContact{
margin:0;
padding:0;
font-family:Arial, Helvetica, sans-serif;
color:#333333;
font-size:12px;
}

form.formContact input{
width:160px;
border:solid 1px #999999;
margin-bottom:10px;
}
form.formContact input.checkbox{
width:auto;
border:none;
margin:0;
}
form.formContact textarea{
border:solid 1px #999999;
}
input.btSubmit2{
width:80px;
margin:10px 0 0 0;
}

#offresSwf{
padding-top:10px;
}


#demo{
margin:5px 15px;
padding-bottom:5px;
border-bottom:#666666 solid 1px;
}
/****   ENCART NOS REFERENCE **/

.encart_ref{
margin:0px 250px 0px 15px;
width:600px;
padding-top:30px;
}
.encart_ref_G{
float:left;
background:url(imgSite/encart_ref_g.png) no-repeat top left;
line-height:1px;
height:570px;
width:11px;
}
.encart_ref_M{
background:url(imgSite/encart_ref_m.png) repeat-x top left;
height:570px;
padding-top:1px;
}
.encart_ref_D{
float:right;
line-height:1px;
background:url(imgSite/encart_ref_d.png) no-repeat top left;
width:1px;
height:570px;
width:11px;
}


/***** page nos realisation ***/
div#realisation{
	
}
div#realisation h1{
	font-size:14px;
	color:#d40050;
	margin-left:15px
}
 
div#realisation a {
	font-size:12px;
	color:#333333;
	text-decoration:none;
	 
}
div#realisation a.entete {
	font-size:12px;
	color:#d40050;
	text-decoration:none;
	line-height:20px;
 
}

div#realisation a:hover{
	text-decoration:underline;
}
div.vignette{
margin:0 0 10px 0;
width:600px;
background:url(imgSite/degrade-vignette-site.jpg) top left repeat-x	;
overflow:auto
}
div.vignette img{
float:left;
margin:10px 10px;

}
div.vignettetexte{
margin-left:170px;
margin-right:10px;
margin-top:10px;
}