/*--------------------------
---STRUCTURE PRINCIPALE---
----------------------------*/
body {
background-color:#FFF;
background-image: url(../images/fond1440.jpg);
background-repeat:no-repeat;
background-position:top center;
margin:0px;
padding:0px;
}
*{
margin:0px;
padding:0px;
}
#global {
margin: 0px auto;
width: 1000px;
}
#conteneur {
width: 1000px;
float:left;
}
#header {
width:1000px;
height:280px;
background:transparent no-repeat;
}
#main{
width:1000px;
overflow: hidden;
background:none;
}
#colonne {
float:left;
width:254px;
height:500px;
}
#content{
width:746px;
float:left;
margin-bottom:90px;
}
#bandeau_vertical{
margin-top:800px;
}
#footer{
width:1000px;
background-color:#FFFe;
margin-top:0px;
position: fixed;
bottom: 0px;
}
#footer_bg{
background: url(../images/footer.png)  no-repeat;
background-position:top;
height: 55px;
width:1000px;
}
/*--------------------------
---FIN STRUCTURE PRINCIPALE---
----------------------------*/
#hebergement .content_colonne_right{
margin-top:320px;
}
#referencement .content_colonne_right{
margin-top:120px;
}
/*-------------- template espace client ------------------------------------*/
.clients{
margin-top:60px;
width:750px;
}
.clients .colonne_left{
width:250px;
height:524px;
float:left;
padding:0px;
}
.clients .colonne_right{
background-image: url(../images/gradient2.png);
background-repeat:no-repeat;
background-position:top left;
padding-left:96px;
width:350px;
height:524px;
float:left;
}
.clients .colonne_right label{
color:#0066CC;
font-size:12px;
font-weight:normal;
}	
.clear {
	clear: both;
}

/*-------------- references ------------------------------------*/
.references {
margin-top:00px;
width:746px;
float:left;
}
.top{
width:532px;
height:340px;
padding-left:220px;
margin-bottom:30px;
}
.fiche{
background-image:url(../images/references/fiche_bottom.png);
background-repeat:no-repeat;
background-position:bottom;
width:532px;
height:350px;
}
.fiche .image_middle{
background-color:#FFF;
width:445px;
height:300px;
margin-left:30px;
margin-bottom:0px;
padding-top:10px;
padding-bottom:0px;
padding-left:10px;
padding-right:10px;
}
.references .cartouche{
width:746px;
line-height:20px;
color:#333;
padding-bottom:84px;
}
.references .titre{
width:290px;
text-align:right;
float:left;
}
.references .description{
float:right;
width:420px;
background-image: url(../images/motif.gif);
background-repeat: repeat-y;
background-position: top left;
padding-left:20px;
}
.references .adresse{
}
.references .adresse a{
background: url(../images/puce2.png) no-repeat;
background-position:left;
padding-left: 12px;
}
.references_sites{
width:746px;
float:left;
background-color:#FFF;
background-image: url(../images/references/motif.png);
background-repeat:no-repeat;
background-position: 20px 20px;
padding-top:22px;
padding-left:0px;
padding-right:20px;
padding-bottom:14px;
bottom: 0px;
}
.references_sites_liste{
height: 200px;
float:left;
padding-bottom:20px;
}
.references_sites_liste ul{
list-style:none;
height: 200px;
}
.references_sites_liste li{
float:left;
width:210px;
}
.references_sites_liste a{
color:#003366;
background: url(../images/puce1.png) no-repeat;
background-position:left;
padding-left:10px;
}
.references_sites_liste a:hover{
color:#003366;
background: url(../images/puce1.png) no-repeat;
background-position:left;
padding-left:12px;
text-decoration:none;
}
/*-------------- contact ------------------------------------*/
.contact_colonne_left{
width:380px;
height:524px;
float:left;
padding:00px;
}
.contact_colonne_right{
background-image: url(../images/gradient.png);
background-repeat:no-repeat;
background-position:top left;
padding-left:60px;
width:300px;
height:524px;
float:left;
}
/*-------------- prestation reportage ------------------------------------*/
.prestation_reportage_colonne_left{
width:205px;
height:524px;
float:left;
padding:00px;
}
.prestation_reportage_colonne_right{
background-image: url(../images/gradient.png);
background-repeat:no-repeat;
background-position:top left;
padding-left:60px;
width:400px;
float:left;
}
/*-------------- situation ------------------------------------*/
.situation_colonne_left{
width:440px;
float:left;
padding-top:10px;
}
.situation_colonne_right{
background-image: url(../images/gradient3.png);
background-repeat: no-repeat;
background-position: top left;
height: 476px;
width:280px;
float:left;
text-align:left;
padding-top:20px;
padding-left:20px;
}
/*-------------- template 1 ------------------------------------*/
.content_colonne_left{
width:280px;
float:left;
margin-top:40px;
}
.content_colonne_right{
margin-top:40px;
background-image: url(../images/motif.gif);
background-repeat: repeat-y;
background-position: top left;
width:440px;
float:left;

padding-left:20px;
}
/*-------------- template Equipe ------------------------------------*/
.equipe_colonne_left{
width:280px;
float:left;
margin-top:0px;
}
.equipe_colonne_right{
background-image: url(../images/gradient2.png);
background-repeat: no-repeat;
background-position: left center;
width:300px;
float:left;
margin:0px;
padding-left:60px;
padding-top:40px;
}
/*-------------- agence presentation ------------------------------------*/
.agence_ligne_top{
width:746px;
float:left;
margin-top:40px;
}
/*.agence_ligne_bottom {
background-image:url(../images/agence/separation.jpg);
background-position:330px 50%;
background-repeat:no-repeat;
float:left;
margin:0;
padding-top:20px;
width:746px;
}*/
.agence_ligne_bottom .left{
width:340px;
float:left;
padding-right:50px;
background:url(../images/agence/separation.jpg) no-repeat right;
}
.agence_ligne_bottom .right{
width:350px;
float:left;

}
#thumbs{
background-image:url(../images/agence/separation.jpg);
background-repeat:no-repeat;
background-position:top;
background-position:330px;
width:746px;
float:left;
padding-top:00px;
margin:0px 0px 00px 0px;
}
#thumbs ul{
display:inline;
list-style:none;
}	
#thumbs .left{
width:350px;
float:left;
}
#thumbs .right{
width:350px;
float:left;
padding-left:30px;
}
/*-------------- bloc news ------------------------------------*/
#bloc_news{
height:40px;
background-image: url(../images/puce2.jpg);
background-repeat:no-repeat;
background-position:top left;
}
#bloc_news #image{
margin-top:20px;
width:214px;
float:left;
}
#bloc_news #texte{
margin-left:10px;
width:210px;
float:left;
}
/*-------------- bloc news ------------------------------------*/
#navigation{
height:35px;
}