/* CSS Document */
#lang{
	display: block;
	position: absolute;
	top: 10px;
	right: 10px;
	font-size: 10px;
	color: #333333;
	width:100%;


}

#lang {
	display: block;
	position: absolute;
	top: 10px;
	right: 10px;
	font-size: 10px;
	color: #333333;
	width:100%;


}



#cont_img{

	margin-left:8px;
	position:relative;
}



#fleche_g{
	width:44px;
	display:inline-block;
	cursor:pointer;
	background-image: url(images/bt_fleche_g.png);
	background-position: 0px 0px;
	height: 48px;
	margin-right:50px;

}

#fleche_g:hover{
	
	background-position: 0px -48px;
	

}

#fleche_d{
	width:44px;
	display:inline-block;
	cursor:pointer;
	background-image: url(images/bt_fleche_d.png);
	background-position: 0px 0px;
	height: 48px;

}

#fleche_d:hover{
	
	background-position: 0px -48px;
	

}



.visible{

	display:block;
}

.invisible{

	display:none;
}


.video{

	width:320px;
	margin-right:10px;
} 

.video_d{
	width:300px;
	color: #333333;
	background-color: #e4f0f6;
	height:261px;
	position:relative;
	
} 

.boite{
	position:relative;
	
	background-color: #e4f0f6;
	margin-bottom:20px;
	color: #333333;
	
}

.boite_g{
	color: #333333;
	background-color: #e4f0f6;
	height:200px;
	position:relative;
	margin-bottom:20px;
	
} 

.boite_d{
	color: #333333;
	background-color: #eeeeee;
	height:200px;
	position:relative;
	margin-left:10px;
	margin-bottom:20px;
	
} 



.boite_2{
	
	position:relative;
	background-color: #eeeeee;
	margin-bottom:20px;
	color: #333333;
	
}

.conteneur{
	padding:20px;
	z-index:5px;
	
	

}

.note{

margin-top:5px;
font-size:10px;

}

.cont_coin{

	position:relative;
}  
.quotes{
	font-size: 12px;
	font-style: italic;


} 

.g_quote{
	font-size: 24px;
	font-weight: bold;
	color: #a7cadc;
	font-style: normal;
}

.g_quote_2{
	font-size: 24px;
	font-weight: bold;
	color: #c4c4c4;
	font-style: normal;
}


.titre{
	font-family: Helvetica;
	font-size: 18px;
	font-weight: bold;
	color: #a0a0a1;
	text-transform: uppercase;
	margin-bottom:20px;

}

.s_titre{
	font-family: Helvetica;
	font-size: 16px;
	font-weight: bold;
	color: #00a4bd;
	text-transform: uppercase;
	margin-bottom:10px;

}

.s_titre_2{
	font-family: Helvetica;
	font-size: 16px;
	font-weight: bold;
	color: #666666;
	text-transform: uppercase;
	margin-bottom:10px;

}


ul {
	/*list-style:none;*/
	padding-left: 20px;
	margin: 0px;
}

.bloc li{
	padding:0 0 7px 18px;
	background-image: url(images/bullet_1.png);
	background-repeat: no-repeat;
	background-position: left 0px;
	font-size: 12px;
	color: #333333;
	list-style-position: outside;
	list-style-image: url(images/bullet_1.png);
}

.coin_h_g{
	display: inline-block;
	position:absolute;
	left: 0px;
	top: 0px;
	height: 22px;
	width: 22px;
	z-index: 1;	
}

.coin_h_d{
	display: inline-block;
	position:absolute;
	right: 0px;
	top: 0px;
	height: 22px;
	width: 22px;
	z-index: 1;
	

}

.coin_b_g{
	display: inline-block;
	position:absolute;
	left: 0px;
	bottom: 0px;
	height: 22px;
	width: 22px;
	
	z-index: 1;
}

.coin_b_d{
	display: inline-block;
	position:absolute;
	right: 0px;
	bottom: 0px;
	height: 22px;
	width: 22px;
	z-index: 1;
	

}

.tab_cell_b{
	background-color: #e4f0f6;
	padding:10px;
	color: #00a4bd;
	font-weight: bold;
	text-transform: uppercase;
}

.cell_b_coin{
	background-color: #e4f0f6;
	
	color: #00a4bd;
	font-weight: bold;
	text-transform: uppercase;
}

.cell_g_coin{
	background-color: #eeeeee;
	
	color: #666666;
	
}

.tab_cell_g{
	background-color: #eeeeee;
	padding:10px;
	color: #333333;

}

.tab_cell{
	background-color: #ffffff;
	padding:10px;
	color: #666666;

}

.date{
color: #00a4bd;
	font-weight: bold;
	text-transform: uppercase;

}


.question{
	font-size: 12px;
	font-weight: bold;
	color: #00a4bd;
	margin-bottom:10px;
}
.reponse{

	margin-bottom:20px;
}
* {
	margin:0; padding:0;
	font-size:100%;
}

body{
	text-align:left;
	background-color: #cccccc;
	background-repeat: repeat;
	background-position: left top;
}

img {vertical-align:top;}
a img {border:0;}



.left { float:left;}
.right {float:right;}
.clear  { clear:both;}


html
	{
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
		line-height:18px;
		color:#666666;
	}
object {outline:none}


a {
	color:#666666; 
	outline:none; 
	text-decoration:underline;
}
a:hover{text-decoration:none;}

h2{
	font-size:21px; 
	color:#000;
	text-transform:uppercase;
	letter-spacing:-1px;
	padding-bottom:17px;}
h3 {
	font-size:16px;
	color:#00a4bd;
	text-transform:uppercase;
	padding:0 0 15px;
	}
h3 span {color:#a5a5a5;}
p {padding-bottom:12px;}

/* ============================= main layout ====================== */
.header_tail {
	background-color: #CCCCCC;
	background-repeat: repeat-x;
	background-position: left top;
}
.footer_tail {background:url(images/bg_footer.jpg) repeat-x bottom left;}


.imgindent {margin:0 20px 0 0; float:left;}



/* ============================= header ====================== */
#header {
	font-size:10px;
	text-transform:uppercase;
	color:#7e7e7e;
	background-attachment: scroll;
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: right top;
}
#header .wrapper {width:auto;}
.row1{ padding:10px 55px 10px 50px;}

.row2 { padding:0 55px 0 25px;}
.row2 .left {padding:110px 320px 110px 20px;}
.row2 .right {padding:90px 0 80px;}
.row2 .right div {
	border-top:1px solid #181818; 
	border-bottom:1px solid #343434;
	}


/* ============================= content ====================== */
#content img {padding:0 0 15px;}
#content a {
	
}
/*#content ul li{ 
	padding:0 0 12px;
	background:url(images/marker.gif) no-repeat 0 7px; 
	padding-left:25px;
}
#content ul a {color:#f06113; background:none;}
#content ul img {padding:0 10px 0 0; vertical-align:middle; }*/
#content.wrapper {width:879px;}
.cols div {width:205px;}
.col_pad {margin-right: 25px;}

/*page1*/
.row4 {padding:0 0 0px;}
.row5 h2 {padding-bottom:12px;}
#page1 #content ul li {background:none; padding-left:0;}
.cols .col_pad,#page4 .col_pad,
#page5 .col_pad,#page1 .col_pad
{margin-right: 18px;}
#page4 .col1 p{padding-bottom:20px;}
p.extra {padding-bottom:17px;}

#content .phone a {
	text-decoration:underline; 
	color:#f06113; 
	background:none;
}
.phone span {
	display:inline-block;
	font-weight:normal;
	width:140px;
}
.phone span.mail {width:120px;}
#page7 .row4 {padding:0 0 25px;}
/* ============================= footer ====================== */
#footer a {color:#5a595a; text-decoration:none;}
#footer a:hover {color:#00B5CA; text-decoration:underline;}


/* ============================= forms ============================= */


#ContactForm input {width:190px; font-size:11px;}
#ContactForm p {padding-bottom:5px;}
#ContactForm a {margin-right:15px;}
textarea {height:270px; width:190px; font-family:Arial, Helvetica, sans-serif;}