/*******************************************************
 GENERAL
 ************************************************ */
body{
	background-color: #FFFFFF;
	/*color:#000000;*/
	font-family: verdana, sans-serif;
	font-weight: lighter;
	/*font-size:12px;*/
	margin:0;
	padding:0;
	}

*{
	border:0;
	margin:0;
	padding:0;
}


p{
    color: #000000 /*#7D075B*/;
	font-family: verdana, sans-serif;
	font-size:11px;
	font-weight: lighter;
	margin : 0 0 0 0;
	line-height : 16px;
	/*text-align: justify;*/
	/*letter-spacing:1px;*/
}

.clear{
	clear:both;	
}
.warning{color: #E8152B !important;}
.weight700{font-weight : 700;}

ul li {
    color: #000000 /*#7D075B*/;
	font-family: verdana, sans-serif;
	font-size:11px;
	font-weight: lighter;
	margin : 0 0 0 0;
	line-height : 16px;
    margin : 2px 0 0 15px; 
	/*letter-spacing:1px;*/
}

/*footer*/
.gris{
color:#7C7C7C;
font-size:10px;
/*background-color: yellow;*/

}

.small_caps_rose {
font-variant:small-caps;
color:#FF46C2;
font-weight: bold;
}

/*agence*/
.small_caps_bleu {
font-variant:small-caps;
color:#4B85A7;
font-weight: bold;
}
/*agence*/
.bleu {
color:#4B85A7;
}

/*site internet*/
.small_caps_vert {
font-variant:small-caps;
color:#5FA569;
font-weight: bold;
}
/*site internet*/
.vert {
color:#5FA569;
}

/*identite visuelle*/
.small_caps_rose {
font-variant:small-caps;
color:#CA58D3;
font-weight: bold;
}
/*identite visuelle*/
.rose {
color:#CA58D3;
}

/*edition impresion*/
.small_caps_vert2 {
font-variant:small-caps;
color:#305435;
font-weight: bold;
}
/*edition impresion*/
.vert2 {
color:#305435;
}

/*references*/
.small_caps_bleu2 {
font-variant:small-caps;
color:#602D52;
  /*grenat*/
font-weight: bold;
}
/*references*/
.bleu2 {
color:#602D52;  /*grenat*/
}

/*contact*/
.small_caps_gris {
font-variant:small-caps;
color:#7C7C7C;
font-weight: bold;
}
/*contact*/
.gris {
color:#7C7C7C;
}

.small_caps_violet {
font-variant:small-caps;
color:#74004F;
font-weight: bold;
}

.gras{
	font-weight: bold;
}

h1{
    color:#8C8C8C;
	font-family: verdana, sans-serif;
	font-size:14px;
	font-weight: lighter;
    line-height : 16px;
	/*font-variant : small caps ;*/
}

h2{
    color: #7D075B;
	font-family: verdana, sans-serif;
	font-size:11px;
	font-weight: bold;
	margin : 0 0 0 0;
}



	
 /*******************************************************
 DIV PRINCIPAUX
 ************************************************ */
 
#container{
	margin-left:auto;
	margin-right:auto;
	width:776px;
	/*height:600px;*/
	margin-top:45px;
	/*background: pink;*/
}
#bloc_footer1{
	clear:both;    
	width:776px;
	height:20px;
	/*background:red;*/
}
#footer{	
	clear:both;
	height:20px;
	/*background:silver;*/
    margin : 5px 0 0 150px;
}

#bloc_page{	
	width:776px;
	height:580px;
	/*background: red;*/
}
#header{
	width:776px;
	height:129px;
	/*background: gray;*/
}

#header_logo{
	width:776px;
	height:90px;
	/*background: black;*/
}
#logo_tw{
    float: left;
	width:280px;
	height:90px;
	/*background:#FFFFFF ;*/
}
#logo_maison{
    float: right;
	width:28px;
	height:28px;
	/*background:#FFFFFF ;*/
}

#menu{
	width:776px;
	height:25px;
	/*background: #DDDDDD;*/
}

#menu_agence{
	width:110px;
	height:25px;
	/*background: blue;*/
    float: left;
}
#menu_site_inter{
	width:138px;
	height:25px;
	/*background: gray;*/
	float: left;
}
#menu_identite_visuelle{
	width:160px;
	height:25px;
	/*background: maroon;*/
	float: left;
}
#menu_edition_impression{
	width:177px;
	height:25px;
	/*background: purple;*/
	float: left;
}
#menu_references{
	width:116px;
	height:25px;
	/*background: olive;*/
	float: left;
}
#menu_contact{
	width:73px;
	height:25px;
	/*background: teal;*/
	float: left;
}

#espace{
	width:776px;
	height:25px;
	/*background: yellow;*/
}
#page{
	width:776px;
	height:400px;
	/*background: purple;*/
}


#a{
    float: left;
	width:259px;
	height:400px;
	/*background: magenta;*/
}
#a1{
    float: left;
	width:200px;
	height:200px;
	/*background: olive;*/
}

.bloc_tx{
	width:186px;
	/*height:180px;*/
	margin : 0 0 30px 60px ;
	/*background: red;*/
}

.bloc_retour{
	width:41px;
	/*height:180px;*/
	margin : 95px 0 0 144px ;
	/*background: pink;*/
}


.filet{
    float: left;
	width:186px;
	height:8px;
	background:#DDDDDD url(../images/filet.jpg);
}

.titre{
    float: left;
	width:186px;
	height:25px;
	/*background: magenta;*/
}


#a2{
    float: left;
	width:259px;
	height:200px;
	/*background: silver;*/
}


#filet_vertical{
    float: left;
	width:1px;
	height:400px;
	background: #DDDDDD;
}


#b{
    float: left;
	width:258px;
	height:400px;
	/*background: navy;*/
}

#b1{
    float: left;
	width:258px;
	/*height:200px;*/
	/*background: silver;*/
}
#b2{
    float: left;
	width:258px;
	/*height:200px;*/
	/*background: olive;*/
}

#b3{
    float: left;
	width:258px;
	height:400px;
	
	/*background: yellow;*/
}

#b3 img{
	border:1px solid #b0b0b0;
}


#c{
    float: left;
	width:258px;
	height:400px;
	/*background: gray;*/
}

#c1{
    float: left;
	width:258px;
	height:200px;
	/*background: olive;*/
}
#c2{
    float: left;
	width:258px;
	height:200px;
	/*background: silver;*/
}

#c3{
    float: left;
	width:258px;
	height:400px;	
	/*background: red;*/
}

#c3 img{
	border:1px solid #b0b0b0;
}


#filet{
	width:776px;
	height:1px;
	background: #DDDDDD;
}





 /*******************************************************
HOME PAGE
 ************************************************ */

#cadre{
	width:776px;
	height:2000px; /*1500px;*/ /*480px*/
	background: #FFFFFF url(../images/cadre_rose.jpg);
}
#entete{
	width:776px;
	height:40px;
	/*background:purple;*/
}
#gdbloclogo{
	width:776px;
	height:165px /*180px*/;
	/*background:green;*/
}
#bloclogo{
	margin : 10px 0 0 30px;
	margin-right:auto;
	width:740px;
	height:150px;
	/*background:blue;*/
}
#logo{
	margin-left:auto;
	margin-right:auto;
	width:400px;
	height:138px;
	background:#FFFFFF url(../images/logo_home_page.jpg);
}
#agence{
	width:636px;
	height:20px;
	/*background:red;*/
    margin : 8px 0 0 140px;
}
#identite{
	width:256px;
	height:20px;
	/*background:#FFFFFF yellow;*/
    margin : 8px 0 0 520px;
}
#site{
	width:456px;
	height:20px;
	/*background: pink;*/
    margin : 8px 0 0 320px;
} 
#contact{	
    width:196px;
	height:20px;
	/*background:green*/;
    margin : 8px 0 0 500px;
}
#edition{	
    width:701px;
	height:20px;
	/*background:  purple;*/
    margin : 8px 0 0 75px;
}
#references{	
    width:160px;
	height:20px;
	background:#602D52;  /*grenat*/
    margin : 8px 0 50px 10px /*320px*/;
}

#footer a,
#footer a:link,
#footer a:visited, 
#footer a:active{
	color: #7C7C7C;
	font-weight: normal;
	text-decoration: none;
	font-size:10px;
	margin : 0 0 0 5px;
   }
#footer a:hover{
	text-decoration: underline;
	color: #B04897;

}

#cadre a,
#cadre a:link,
#cadre a:visited, 
#cadre a:active{
	color: #7C7C7C;
	font-weight: lighter;
	text-decoration: none;
	font-size:12px;
	letter-spacing:3px
   }
#cadre a:hover{
	text-decoration: underline;
	color: #4B85A7;/*bleu */
}

#agence a,
#agence a:link,
#agence a:visited, 
#agence a:active{
	color: #4B85A7; /*bleu agence*/
	font-weight: lighter;
	text-decoration: none;
	font-size:12px;
	letter-spacing:3px
   }
#agence a:hover{
	text-decoration: underline;
	color: #4B85A7;/*bleu agence*/
}

#identite a,
#identite a:link,
#identite a:visited, 
#identite a:active{
	color: #CA58D3; /*rose identite visuelle*/
	font-weight: lighter;
	text-decoration: none;
	font-size:12px;
	letter-spacing:3px
   }
#identite a:hover{
	text-decoration: underline;
	color: #CA58D3;/*rose identite visuelle*/
}

#site a,
#site a:link,
#site a:visited, 
#site a:active{
	color: #5FA569;/*vert site internet*/
	font-weight: lighter;
	text-decoration: none;
	font-size:12px;
	letter-spacing:3px
   }
#site a:hover{
	text-decoration: underline;
	color: #5FA569;/*vert site internet*/
}

#contact a,
#contact a:link,
#contact a:visited, 
#contact a:active{
	color: #7C7C7C;/*gris contact*/
	font-weight: lighter;
	text-decoration: none;
	font-size:12px;
	letter-spacing:3px
   }
#contact a:hover{
	text-decoration: underline;
	color: #7C7C7C;;/*gris contact*/
}

#references a,
#references a:link,
#references a:visited, 
#references a:active{
	color: #FFFFFF;/*blanc references*/
	font-weight: lighter;
	text-decoration: none;
	font-size:12px;
	letter-spacing:3px
   }
#references a:hover{
	text-decoration: underline;
	color: #FFFFFF;/*bleu 2 references*/
}

#edition a,
#edition a:link,
#edition a:visited, 
#edition a:active{
	color: #114764;/*vert 2 editon impression*/
	font-weight: lighter;
	text-decoration: none;
	font-size:12px;
	letter-spacing:3px
   }
#edition a:hover{
	text-decoration: underline;
	color: #114764;/*vert 2 editon impression*/
}

 /*******************************************************
HOME PAGE REFERENCES MINI VISUEL
 ************************************************ */

.hp_bloc_quatre{
    float: left;
	width:772px;
	height:190px;
	/*background:pink ;*/
	margin : 0 2px 0 2px;
}
 .hp_bloc_espace{
    float: left;
	width:9px;
	height:190px;
	/*background:yellow ;*/
}
.hp_bloc_un{
    float: left;
	width:186px;
	height:190px;
	/*background:red;*/
}
.hp_bloc_un_image{
    float: left;
	width:186px;
	height:165px;
	/*background:black;*/
}
.hp_bloc_un_tx{
    float: left;
	width:186px;
	height:25px;
	/*background:purple;*/
}


.hp_bloc_un_tx a,
.hp_bloc_un_tx a:link,
.hp_bloc_un_tx a:visited, 
.hp_bloc_un_tx a:active{
	color: #000000;
	font-weight: lighter;
	text-decoration: none;
	font-size:9px;
   }
.hp_bloc_un_tx a:hover{
	text-decoration: underline;
	color: #000000;
}


 /*******************************************************
menu horizontal
 ************************************************ */

#menu_agence a,
#menu_agence a:link,
#menu_agence a:visited, 
#menu_agence a:active{
	color: #4B85A7;/*bleu agence*/
	font-weight: lighter;
	text-decoration: none;
	font-size:11px;
	letter-spacing:1px
   }
#menu_agence a:hover{
	text-decoration: underline;
	color: #4B85A7;/*bleu agence*/
	/*font-weight: bold;*/
}

 
#menu_site_inter a,
#menu_site_inter a:link,
#menu_site_inter a:visited, 
#menu_site_inter a:active{
	color: #5FA569;/*vert site internet*/
	font-weight: lighter;
	text-decoration: none;
	font-size:11px;
	letter-spacing:1px
   }
#menu_site_inter a:hover{
	text-decoration: underline;
	color: #5FA569;/*vert site internet*/
	/*font-weight: bold;*/
}


#menu_identite_visuelle a,
#menu_identite_visuelle a:link,
#menu_identite_visuelle a:visited, 
#menu_identite_visuelle a:active{
	color: #CA58D3;/*rose identite visuelle*/
	font-weight: lighter;
	text-decoration: none;
	font-size:11px;
	letter-spacing:1px
   }
#menu_identite_visuelle a:hover{
	text-decoration: underline;
	color: #CA58D3;/*rose identite visuelle*/
	/*font-weight: bold;*/
}

#menu_edition_impression a,
#menu_edition_impression a:link,
#menu_edition_impression a:visited, 
#menu_edition_impression a:active{
	color: #305435; /*vert 2 editon impression*/
	font-weight: lighter;
	text-decoration: none;
	font-size:11px;
	letter-spacing:1px
   }
#menu_edition_impression a:hover{
	text-decoration: underline;
	color: #305435;/*vert 2 editon impression*/
	/*font-weight: bold;*/
}

#menu_references a,
#menu_references a:link,
#menu_references a:visited, 
#menu_references a:active{
	color: #602D52;  /*grenat*/
	font-weight: lighter;
	text-decoration: none;
	font-size:11px;
	letter-spacing:1px
   }
#menu_references a:hover{
	text-decoration: underline;
	color: #602D52;  /*grenat*/
	/*font-weight: bold;*/
}



#menu_contact a,
#menu_contact a:link,
#menu_contact a:visited, 
#menu_contact a:active{
	color: #7C7C7C; /*gris contact*/
	font-weight: lighter;
	text-decoration: none;
	font-size:11px;
	letter-spacing:1px
   }
#menu_contact a:hover{
	text-decoration: underline;
	color: #7C7C7C;/*gris contact*/
	/*font-weight: bold;*/
}



 /*******************************************************
lien page agence
 ************************************************ */

#b a,
#b a:link,
#b a:visited, 
#b a:active{
	color: #8C8C8C;
	font-weight: lighter;
	text-decoration: none;
	font-size:11px;
	/*letter-spacing:1px*/
   }
#b a:hover{
	text-decoration: underline;
	color: #4B85A7;/*bleu agence*/
	/*font-weight: bold;*/
}

#c a,
#c a:link,
#c a:visited, 
#c a:active{
	color: #8C8C8C;
	font-weight: lighter;
	text-decoration: none;
	font-size:11px;
	/*letter-spacing:1px*/
   }
#c a:hover{
	text-decoration: underline;
	color: #4B85A7;/*bleu agence*/
	/*font-weight: bold;*/
}


/*******************************************************
 Formulaire
 ************************************************ */
 
 #bc{
    float: left;
	width:500px;
	height:400px;
	margin : 0 0 0 16px;
	/*background:: yellow ;#E8E8E8;*/
}
 
 #formulaire{
    float: left;
	
    width: 500px;
	height:100%;
	margin : 0 0 0 15px;
	/*background-color:red;*/
}
#formulaire table{
    float: left;
	width: 458px;
	height: 100%;
	margin : 10px 0 0 20px;
	font-style: normal;
	/*background-color:#F7F7F7  pink*/;
}
#formulaire input {
	margin-left: 15px;
	height: 20px;
	margin : 5px 0 0 0 ;
	border: 1px solid gray;
    float: left;
	/*background-color:orange;*/
}

#formulaire submit{
	margin-left: 15px;
	height: 20px;
	margin : 5px 0 0 0 ;
	border: 1px solid gray;
    float: left;
	/*background-color:orange;*/
}
#formulaire input.decalDeTitre{margin:8px 0 0 95px;}

#formulaire textarea {
	/*margin-left: 15px;
	height: 20px;
	margin : 5px 0 0 0 ;*/
	background-color: #FFFFFF;
	border: 1px solid gray;
	font-family: verdana, sans-serif;
    float: left;
	/*background-color:orange;*/
}

#message {
	font-family: verdana, sans-serif;
	font-size:11px;
	font-weight: lighter;
}

label.titre_formulaire{float:left;}
.titre_formulaire{
	font-family: verdana, sans-serif;
	font-size:11px;
	font-weight: lighter;
	width: 80px;
	height : 29px;
	margin : 5px 0 0 15px;
	/*background-color:fuchsia;*/
	color: #000000 /*#7D075B*/;
	font-family: verdana, sans-serif;
	/*line-height : 16px;*/
}

.titre2{
	font-family: verdana, sans-serif;
	font-size:11px;
	font-weight: lighter;
	width: 100px;
	height : 29px;
	margin : 5px 0 0 0 ;
	/*background-color:fuchsia;*/
	color: #000000 /*#7D075B*/;
}	
	
/*******************************************************
References
 ************************************************ */
	
#d{
    float: left;
	width:516px;
	height:400px;
	/*background: navy;*/
}

.bloc_double_tx{
	width:456px;
	/*height:180px;*/
	margin : 0 0 30px 60px ;
	/*background: red;*/
}

.grand_filet{
    float: left;
	width:456px;
	height:8px;
	/*background: yellow /*#DDDDDD url(../images/filet.jpg);*/
}

.bloc_gauche{
	width:186px;
	/*height:150px;*/
	/*background: purple;*/
	float: left;
}
.bloc_droit{
	width:235px;
	/*height:150px;*/
	/*background: green;*/
	margin : 30px 0 30px 30px ;
	 float: left;
}
#doc1{
    float: left;
	width:186px;
	height:140px;
	/*background: yellow;*/
}
#doc2{
    float: left;
	width:186px;
	height:90px;
	/*background: pink;*/
}
#doc3{
    float: left;
	width:186px;
	height:70px;
	/*background: blue;*/
}
#ref_bloc_page{	
	width:776px;
	/*height:580px;*/
	/*background: red;*/
	
}

/*******POUR AJOUTER DES NOUVELLE REFERENCES - ALLONGER CE BLOC   ref_page  en height********/
#ref_page{
	width:776px;
	height:1025px;
	/*background:pink;*/
}

#ref_filet_vertical{
    float: left;
	width:1px;
	height:1000px;
	background: #DDDDDD;
}

/*******POUR AJOUTER DES NOUVELLE REFERENCES - ALLONGER CE BLOC   ref_page  en height********/


#ref_a{
    float: left;
	width:259px;
	height:400px;
	/*background: magenta;*/
}
#ref_a1{
    float: left;
	width:200px;
	height:200px;
	/*background: olive;*/
}

#ref_a2{
    float: left;
	width:259px;
	height:200px;
	/*background: silver;*/
}

#ref_b{
    float: left;
	width:258px;
	height:560px;
	/*background: navy;*/
}

#ref_b3{
    float: left;
	width:258px;
	/*height:400px;*/
	/*background: yellow;*/
}

#ref_c{
    float: left;
	width:258px;
	height:560px;
	/*background: gray;*/
}

#ref_c3{
    float: left;
	width:258px;
	height:560px;
	/*height:400px;*/	
	/*background: red;*/
}


/*******************************************************
References lpc
 ************************************************ */
 
 #ref_page_lpc{
	width:776px;
	height:465px;
	/*background:green;*/
}

 
 #bloc_page_lpc{	
	width:776px;
	height:650px;
	/*background: red;*/
}


.lpcgauche{
    float: left;
	width:62px;
	height:96px;
	/*background: pink; */
	margin : 1px 7px 1px 15px ;
    border:1px solid #b0b0b0;	
}
.lpcmilieu{
    float: left;
	width:62px;
	height:96px;
	/*background: red; */
	margin : 1px 7px 1px 7px ;
    border:1px solid #b0b0b0;	
}
.lpcdroit{
    float: left;
	width:62px;
	height:96px;
	/*background: blue; */
	margin : 1px 7px 1px 7px ;
    border:1px solid #b0b0b0;	
}


#a_lpc{
    float: left;
	width:259px;
	height:475px;
	/*background: pink;*/
}



#b_lpc{
    float: left;
	width:258px;
	height:475px;
	/*background: yellow;*/
}


#c_lpc{
    float: left;
	width:258px;
	height:405px;
	/*background: purple;*/
}

#c3_lpc{
    float: left;
	width:258px;
	height:450px;	
	/*background: red;*/
}

#retour_lpc{
    float: left;
	width:774px;
	height:60px;
	/*background: yellow;*/
}


.bloc_retour_lpc{
	width:41px;
	/*height:180px;*/
	margin : 415px 0 0 200px ;
	/*background: pink;*/
}