/* CSS Document */

body {
font: 8pt/16pt Verdana; 
color: #555753; 
background: #fff;
margin: 0px auto;
scrollbar-face-color:#FFFFFF;
scrollbar-highlight-color:#FF0000;
scrollbar-3dlight-color:#FFFFFF;
scrollbar-darkshadow-color:#FFFFFF;
scrollbar-shadow-color:#FF0000;
scrollbar-arrow-color:#FF0000;
scrollbar-track-color:#FFFFFF;
overflow-x:hidden; 
} 

a{
font: 9pt/9pt Verdana; 
color: #FF0000;
text-decoration:none;}
a:hover{
font: 9pt/9pt Verdana; 
color: #000000s;
text-decoration:none;}
a:visited{
font: 9pt/9pt Verdana; 
color: #FF0000;
text-decoration:none;}
a:active{
font: 9pt/9pt Verdana; 
color: #990000;
text-decoration:none;
}
	
p {font: 9pt/11pt Verdana; 
	margin-top: 0px; 
	text-align:left;}
	
strong{ color:#FF0000;font: 10pt/10pt Verdana; color:#FF0000 }	

h1, h2, h3, h4, h5,{
	font-family: Verdana; /*color:#666666;*/
}
h1{ 
font-weight:bold; 
font-size:1.9em /*georgia;*/;
color:#FF0000;
width:350px;
margin:0px;
margin-bottom:5px;
padding:3px;
padding-left:24px;
border-color:#FF0000;
border-style:solid;
border-width:1px;
background-image:url(imag/H1.gif);
background-position:left;
background-repeat:no-repeat;
}

h2{
color: #666666;
font: 13pt/11pt Verdana;
font-weight:bold;
margin:0px;
padding:0px;
padding-left:17px;
background-image:url(imag/H2.gif);
background-repeat:no-repeat;
background-position:left;}

h3{
color:#999999;
font: 10pt/10pt Verdana;
margin:0px;
padding:0px;
}

h4{
color:#FF0000;
font: 10pt/10pt Verdana;
margin:0px;
padding:0px;
padding-left:15px;
background-image:url(imag/H4.gif);
background-repeat:no-repeat;
background-position:left;}	

h5{
color:#FF0000;
font: 10pt/10pt Verdana;
margin:0px;
padding:0px;}

h6{
color:#666666;
font-family:Verdana;
background-position:center right; 
background-repeat:no-repeat;
margin:0px;
padding:0px; } 

.punto{ background-image:url(imag/bolita.gif);
background-repeat:no-repeat;
background-position:left;
margin:0px;
padding:0px;
padding-left:15px;}

/*span.general{
background-image:url(imag/general.jpg);
background-color:#CCCCCC;
width:50px; 
height:50px;  }*/
.dir_web{ float:left; clear:both;  }

a:link{ 
text-decoration:none;}

a:visited {	
text-decoration: none;}

a:hover, a:active { 
text-decoration: underline;
color:#CC0000;}

#container_receptiv{
    position:relative;
	margin: 18px auto;
	width:800px;
	height:659px;
	border-style:dashed;
	border-color:#FF0000;
	border-width:1px;
	background-image: url(imag/bg_receptifs.jpg);
	background-position:top;
	background-repeat:no-repeat;}
  
#container_agence{
    position:relative;
	margin: 18px auto;
	width:800px;
	height:659px;
	border-style:dashed;
	border-color:#FF0000;
	border-width:1px;
	background-image: url(imag/bg_agence.jpg);
	background-position:top;
	background-repeat:no-repeat;}
	
#container_projet{
    position:relative;
	margin: 18px auto;
	width:800px;
	height:659px;
	border-style:dashed;
	border-color:#FF0000;
	border-width:1px;
	background-image: url(imag/bg_pro.jpg);
	background-position:top;
	background-repeat:no-repeat;}  	  
	
#container_qui{
position:relative;
	margin: 18px auto;
	width:800px;
	height:659px;
	border-style:dashed;
	border-color:#FF0000;
	border-width:1px;
	background-image: url(imag/bg_qui.jpg);
	background-position:top;
	background-repeat:no-repeat;}  
	
#container_contact{
position:relative;
	margin: 18px auto;
	width:800px;
	height:659px;
	border-style:dashed;
	border-color:#FF0000;
	border-width:1px;
	background-image: url(imag/bg_contact.jpg);
	background-position:top;
	background-repeat:no-repeat;}  	

#intro{ 
	/*border-style:solid;
	border-color:#FF0000;
	border-width:2px;*/
	margin:160px auto 0px;
	width:765px;
	padding-top:5px;
	float:left;	}
		
			

.intext{
/*position:relative;*/
float:left;
clear:both;
width:765px;
height:386px;
padding-top:5px;
padding-left:5px;
padding-right:5px;
padding-bottom:5px;
background-color:transparent;
overflow:auto;
font-family:Verdana;
font-size:8pt;
color:#000000;
/*font: 8pt/11pt georgia;*/ 
margin-top: 0px;
margin-left:8px; 
text-align: left;

}

.intext_contact{
/*position:relative;*/
float:left;
width:751px;
height:386px;
padding-top:5px;
padding-left:5px;
padding-right:5px;
padding-bottom:5px;
background-color:transparent;
overflow-y:hidden;
overflow-x:hidden;
font-family:Georgia;
font-size:8pt;
color:#000000;
/*font: 8pt/11pt georgia;*/ 
margin-top: 0px;
margin-left:10px; 
text-align:left;

}


#marca{
	position:absolute;
	padding-top:10px;
	/*padding-right:50px;*/
	height:60px;
	left: 7px;
	width: 648px;
	top:1px;
	z-index:2;
	background-image: url(imag/id_destino.gif);
	background-position:right;
	background-repeat:no-repeat;}
	
.pag_title{
    position:absolute;
	height:60px;
	left:490px;
	width:312px;
	top:72px;
	color:#FF0000;
	/*background-color:#FF0000;*/ 
	font-size:1.5em;
	font-weight:bold;
	font-family:Verdana;
	z-index:2;}		

.nav_bar{
	position:absolute;
	/*padding-top:4px;
    padding-left:4px;*/
    left: 6px;
	top: 133px;
	width: 747px;
	cursor:hand;
	height: 50px;
}


.submenu ul{
list-style:none;
background-color:#999999;
border-style:dashed;
border-color:#FF0000;
border-width:1px;
padding-left:3px;
padding-right:3px;}

.submenu ul li{}

.submenu ul li a{
color:#FFFFFF;}

.submenu ul li a:visited{
color: #333333;}



.butt_active{
float:left;
background-image:url(imag/boton_01.gif);
background-repeat:no-repeat;
background-position:left top;
float:left;
width:135px; 
height:25px;
padding-left:5px;
padding-top:3px;
margin-right:3px;
font-family: 8pt/9pt Verdana;
color:#FFFFFF;
cursor:hand; 
}

.butt_active a:hover,.butt_active a:visited,.butt_active a:active{color:#FFFFFF}

.squema{
float:left;
width:50px; 
height:45px;
/*background-color:#CCCCCC;*/ 
padding-left:5px;
padding-top:2px;
margin-right:3px;
background-image: url(imag/esq_01.png);
background-position:bottom center;
background-repeat:no-repeat;/*
background-color:#FFFFFF;
border-style:solid;
	border-color:#FF0000;
	border-width:1px;*/	

}
.button{
float:left;
z-index:100px;
width:137px; 
height:30px; 
background-image: url(imag/boton.jpg); 
background-repeat:no-repeat;
background-position:left top;
padding-left:3px;
padding-top:3px;
margin-right:3px;
font-family:6px Verdana;
text-align:center;
vertical-align:middle;
color:#FF0000;
cursor:hand;}

.button_www{
float:left;
width:127px;
height:30px;
background-image:url(imag/boton01.jpg); 
background-repeat:no-repeat;
background-position:left top;
padding-left:5px;
/*padding-top:4px;*/
font: 8pt/9pt georgia;
color:#FF0000;
cursor:hand; }

.dossier{
float:left; 
background-image:url(imag/icono_pdf.gif); 
background-repeat:no-repeat;
background-position:center bottom;
background-color:#FFFFFF;
border-color:#FF0000;
border-style:dashed;
border-width:1px;
padding:2px;
/*padding-right:30px;*/
margin-left:10px;
width:39px;
height:40px;
color:#FF0000;
font: 8pt/9pt Verdana; 
text-align:right;
vertical-align:text-top;
cursor:hand;}	

.footer{
background-color: #C7C7C7;
border-color:#FF0000;
border-style:solid;
border-width:1px;
height:74px;
width:180px;
float:left;
margin-right:220px;
margin-top:15px;
margin-left:4px;
font: 8pt/11pt Verdana; 
text-align:left;}

.nous_contc{
margin:3px;
width:65px;
height:49px; 
float:left; 
/*padding:3px;
padding-top:50px;*/
background-image:url(imag/contactenous_ico.gif);
background-repeat:no-repeat;
text-decoration:none;
cursor:hand;
color:#FF0000; }

.blog{
margin:3px;
float:left;
padding:5px;
width:65px;
height:60px;
background-image: url(imag/blog.gif);
background-repeat:no-repeat;
background-position:right top;}

.contc_active{
background-color: #FF0000;
border-color:#FF0000;
border-style:solid;
border-width:1px;
height:53px;
width:68px;
float:left;
/*padding-right:5px;*/
margin-top:15px;
margin-left:4px;
font: 8pt/11pt Verdana; 
text-align:left;
cursor:hand;}

.pro{
margin:3px;
width:90px;
height:49px;
float:left;
cursor:hand;
/*padding:3px;*/
padding-top:50px;
background-image:url(imag/pro_ico.gif);
background-repeat:no-repeat;
text-decoration:none;
color:#FF0000;}

#foto_01,#foto_02,#foto_03,#foto_04{
width:80px;
height:80px;
/*margin-top:15px;*/
float:left;
display:inline;
background-color:#FFFFFF;
border-color: #666666;
border-style:solid;
border-width:1px;
 }
 
#foto_01{ background-image:url(imag/alf_qui.gif) ;}
#foto_02{ background-image:url(imag/anne_qui.gif) ; }
#foto_03{ background-image:url(imag/st_qui.gif);}
#foto_04{ background-image:url(imag/lucia-qui.gif);}
 
.x_site #b2c,.x_site #thematiques,.x_site #mono_produit,.x_site #culturel,.x_site #incentive{ display:inline;} 

#b2c{
background-image:url(imag/general.png);
background-position:center; 
width:30px; 
height:30px;
/*float:left;*/
}

#thematiques{
background-image: url(imag/thematiques.png);
background-position:center; 
width:30px;
height:30px;}

#mono_produit{
background-image:url(imag/mono_ produit.png);
background-position:center;
width:30px; 
height:30px;
/*float:left;*/}

#culturel{
background-image:url(imag/culturel.png);
background-position:center;
width:30px; 
height:30px;
/*float:left;*/}	

#incentive{
background-image:url(imag/incentive.png);
background-position:center; 
width:30px; 
height:30px;
/*float:left;*/ }


br{ clear:left;}

/*------------------------thumbail------------------------------*/

.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ 
position: absolute;
background-color: lightyellow;
padding: 5px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ 
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ 
visibility: visible;
top: 0;
left: 60px; 

}
 
 /*---------------------CONTACT FORM----------------------------------*/

#header_nav{ 
width:766px; 
height:42px; 
background-color:#DFE5DB; 
bottom:10px; 
padding-top:3px;}

#total_form{ 
width:790px; 
margin:0 auto;
padding:10px;
background-color:#DFE5DB;}

#form_area{
font: 9pt/9pt Verdana; 
color: #555753;  
float:left;
clear:both; 
width:470px;
padding:5px;	
overflow:hidden; 
border-color:#FF0000;
border-style:dashed;
border-width:1px;
}

.title{
padding:3px;}

.text{
font: 9pt/9pt Verdana; 
color: #555753;
text-align:justify;
position:relative; 
/*float:left;
width:245px;*/}

.user{
width:201px; 
float:right; 
/*padding-right:30px;*/ }

.section{}

.header_img{ 
width:480px; 
height:90px; 
padding:3px;
background-color:#A9AC88;
}

.header_txt{
 clear:both;
 padding:3px;}

.box_text{padding:3px;}

.boxes_name{ 
float:left; 
clear:both; 
width:180px;
padding-right:5px; 
text-align:right;}

.tables_name{
float:left; 
clear:both; 
width:80px; 
text-align:right;}

.campo{ float:left;width:190px;}
.camp{ float:left;width:30px;}
.campo_9{ width:130px; float:left; margin-right:7px;}
.campo_6{ float:left; margin-bottom:3px;/*position:relative;*/}
.campo_7{ float:left;margin-bottom:3px;/*clear:both;*/}
.campo_1{ clear:both;}
.campo_2{ clear:both;}
.campo_3{ float:left;clear:both;padding-left:185px;}
.campo_11{ float:left; margin-right:7px; }
.campo_12{ float:right;}
.campo_8{ clear:both; padding-top:4px;}

.nameCMS{ 
float:left;
width:80px; background-image:url(../img/bt_GO.gif); 
background-position:center;
background-repeat:no-repeat;}

.tables_configurationCMS{ 
float:left; 
clear:both; 
width:230px; 
text-align:right;}

.menu_form{
height:15px;
clear:both;
clear:both;
text-decoration: none;}

.campo_10{
/*clear:both;*/
width:30px;     
text-align:left;
text-decoration:none;}

.img{
height:15px;
width:15px;
padding:3px;
float:left;
background-image:url(../img/bt_item.gif);
background-position:left;
background-repeat:no-repeat;}	

.sub_title{
padding:3px;
padding:3px;}

.paragraph{padding:3px;}

span.paragraph{padding:3px;}

/*-------------------CAMPOS------------------------*/
input{ 
border-color: #FF0000;
border-style:solid; 
border-width:1px;
margin:0px;
padding:0px;
font-family: 9pt/9pt Verdana; 
color: #FF0000;
background-color:#FFFFFF;}

select{
border-color: #FF0000; 
border-style:solid;
border-width:1px; 
margin:0px;
padding:0px;
font: 9pt/9pt Verdana; 
color: #000000;}

option{
margin:0px;
padding:0px;
font: 9pt/9pt Verdana;  
color:#000000;}

textarea{
border-color: #FF0000; 
border-style:solid;
border-width:1px;
margin:0px;
padding:0px;
font: 9pt/9pt Verdana; 
color:#000000;}