/*
	960 Grid System ~ Core CSS.
	Learn more ~ http://960.gs/

	Licensed under GPL and MIT.
*/

/* * { margin: 0; padding: 0;} src: http://www.siteduzero.com/tutoriel-50-36505-p1-les-hacks-css-pour-internet-explorer.html
*/
* { margin: 0; padding: 0; z-index:0}


/* transparence version 2    */
div.box {
     
     /*border: 3px solid #000000;*/
     position: relative;
     width: 100%;
	 height: 100%;
}
div.box_contents {
     background-color:transparent;
     
     position: relative;
     width: 100%;
	 height: 100%;
     z-index: 101;
	 
}
div.box_background {
	background:url("../images/transparent.png") repeat scroll 0 0 transparent;
	/*opacity: 0.7;     
	-moz-opacity:0.7;*/
	/*filter:alpha(opacity=70); /* L'opacité pour Internet Explorer*/
	/*filter: “alpha(opacity=70)”; /* L'opacité pour Internet Explorer8*/
	left: 0px;
	position: absolute;
	top: 0px;
	width: 100%;
	height: 100%;
	z-index: 99;
	/*-moz-border-radius:5px;*/
}

div.box_dr {
     
     /*border: 3px solid #000000;*/
     position: relative;
 width: 100%;height: 100%;
}
div.box_contents_dr {
     background-color:transparent;
     top:  -145px; /*top:8px;*/
     position: relative;
     width: 100%;
	 height: 100%; /*height: 944px;*/
     z-index: 101;
	 
}
div.box_background_dr {
background:url(../images-accueil/Pied.gif) no-repeat left bottom white;
background-position:50% 99%;
     /*background-color: white;*/
     top:  -145px; /*top:8px;*/
	 width: 100%;
	 height: 100%;
	 opacity: 0.6;
	 -moz-opacity:0.6;
     filter:alpha(opacity=60); /* L'opacité pour Internet Explorer*/
	 filter: “alpha(opacity=60)”; /* L'opacité pour Internet Explorer8*/
     
     position: absolute;
     z-index: 99;
	 
	 /*-moz-border-radius:5px;*/
}




/* `Containers
----------------------------------------------------------------------------------------------------*/

.container_12,
.container_16 {
	margin-left: auto;
	margin-right: auto;
	padding:inherit;
	/*height:100%;*/
	width: 1026px;
	/*background-image:url(images-accueil/fond_blanc.gif); 
	overflow:auto;
	background-color:#FFFFFF;
-moz-opacity:0.1;
opacity: 0.1;
filter:alpha(opacity=10);*/
}
.gganalytics{
	margin-left: auto;
	margin-right: auto;
 

}
.spacer {/* Pour ie6 NOOK mais une piste*/
clear: both;
}

/* `Grid >> Global
----------------------------------------------------------------------------------------------------*/
#Bloc_dr{
	/*display: inline;
	margin-right: 6px;
	width: 238px;
	*/
	/*background-image:url(images-accueil/fond_blanc.gif); */
height: 955px; /* 278 haut video +800 de mainpage normalement 980px pour agence*/
width:240px;
margin-bottom: -145px;
float: right;
/*background-color:#FFFFFF;*/
/*-moz-opacity:0.7;
opacity: 0.7;
filter:alpha(opacity=70);
-moz-border-radius:5px;*/

clear: both;
}
.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9,
.grid_10,
.grid_11,
.grid_12,
.grid_13,
.grid_14,
.grid_15,
.grid_16 {
	display: inline;
	float: left;
	margin-right: 6px;
	/*margin-left: 10px;
			background-image:url(images-accueil/fond_blanc.gif); 
	overflow:auto;
	background-color:#FFFFFF;
-moz-opacity:0.7;
opacity: 0.7;
filter:alpha(opacity=70);*/
}
/*menu g agence*/
.container_12 .grid_3,
.container_16 .grid_4 {
	width: 145px;
	list-style: none outside none;
}
.container_12 .grid_3 li,
.container_16 .grid_4 li{

	list-style: none outside none;
}
/*contenu dr agence*/
.container_12 .grid_6,
.container_16 .grid_8 {
	width: 610px;
	height:770px;
	/*overflow:auto;*/
	overflow-y : auto; 
	overflow-x : hidden; 
}

.container_12 .grid_9,
.container_16 .grid_12 {
	width: 700px;
}

.container_12 .grid_12,
.container_16 .grid_16 {
	width: 1026px;
}

/* `Grid >> Children (Alpha ~ First, Omega ~ Last)
----------------------------------------------------------------------------------------------------*/

.alpha {
	margin-left: 0;
}

.omega {
	margin-right: 0;
}

/* `Grid >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container_12 .grid_1 {
	width: 60px;
}

.container_12 .grid_2 {
	width: 238px;
}

.container_12 .grid_4 {
	width: 370px; /* pour ADP 780 / 2 = 390 
	-moz-opacity:1;
	opacity: 1;
	filter:alpha(opacity=100);*/
}

.container_12 .grid_5 {
	width: 380px;
}

.container_12 .grid_7 {
	width: 540px;
}

.container_12 .grid_8 {
	width: 620px;
}

.container_12 .grid_10 {
	width: 780px;
}

.container_12 .grid_11 {
	width: 860px;
}

/* `Grid >> 16 Columns
----------------------------------------------------------------------------------------------------*/

.container_16 .grid_1 {
	width: 40px;
}

.container_16 .grid_2 {
	width: 100px;
}

.container_16 .grid_3 {
	width: 160px;
}
/* en tete video droite  un air de plaisance -moz-border-radius:5px;*/
.container_16 .grid_5 {
	width: 240px; /* important */
	height: 278px;
	margin-right:0px;
	background-color:#6EA6DF;
	

}
/* 2 block  un air de plaisance */
.container_16 .grid_6 {
	width: 350px;
	/*-moz-border-radius:5px;
	border:#000066 groove 1px;*/
}

.container_16 .grid_7 {
	width: 400px;
}

.container_16 .grid_9 {
	width: 520px;
}

.container_16 .grid_10 {
	width: 580px;
}

/* content  un air de plaisance */
.container_16 .grid_11 {
	width: 760px;
/*	height: 800px;*/
}

/* en tete image et logo  un air de plaisance */
.container_16 .grid_13 {
	width: 780px;
	height: 278px;
	background-image:url(../images-accueil/unairdeplaisance.jpg);
	background-repeat: no-repeat;
}
a.imagehead{
display:block;
	width: 780px;
	height: 278px;
background-image:url(../images-accueil/unairdeplaisance.jpg) no-repeat;
}

.container_16 .grid_14 {
	width: 820px;
}

.container_16 .grid_15 {
	width: 880px;
}
/* Pied de page  un air de plaisance */
.container_16 .grid_16 {
margin-top: 6px;
background-color:#FFFFFF;
	-moz-opacity:0.7;
	opacity: 0.7;
	filter:alpha(opacity=70);
	/*-moz-border-radius:5px;*/
}
/* `Prefix Extra Space >> Global
----------------------------------------------------------------------------------------------------*/

.container_12 .prefix_3,
.container_16 .prefix_4 {
	padding-left: 240px;
}

.container_12 .prefix_6,
.container_16 .prefix_8 {
	padding-left: 480px;
}

.container_12 .prefix_9,
.container_16 .prefix_12 {
	padding-left: 720px;
}

/* `Prefix Extra Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container_12 .prefix_1 {
	padding-left: 80px;
}

.container_12 .prefix_2 {
	padding-left: 160px;
}

.container_12 .prefix_4 {
	padding-left: 320px;
}

.container_12 .prefix_5 {
	padding-left: 400px;
}

.container_12 .prefix_7 {
	padding-left: 560px;
}

.container_12 .prefix_8 {
	padding-left: 640px;
}

.container_12 .prefix_10 {
	padding-left: 800px;
}

.container_12 .prefix_11 {
	padding-left: 880px;
}

/* `Prefix Extra Space >> 16 Columns
----------------------------------------------------------------------------------------------------*/
/*ggads bloc-dr*/
.container_16 .prefix_1 {
	padding-left: 30px;
}

.container_16 .prefix_2 {
	padding-left: 120px;
}

.container_16 .prefix_3 {
	padding-left: 180px;
}

.container_16 .prefix_5 {
	padding-left: 300px;
}

.container_16 .prefix_6 {
	padding-left: 360px;
}

.container_16 .prefix_7 {
	padding-left: 420px;
}

.container_16 .prefix_9 {
	padding-left: 540px;
}

.container_16 .prefix_10 {
	padding-left: 600px;
}

.container_16 .prefix_11 {
	padding-left: 660px;
}

.container_16 .prefix_13 {
	padding-left: 780px;
}

.container_16 .prefix_14 {
	padding-left: 840px;
}

.container_16 .prefix_15 {
	padding-left: 900px;
}

/* `Suffix Extra Space >> Global
----------------------------------------------------------------------------------------------------*/

.container_12 .suffix_3,
.container_16 .suffix_4 {
	padding-right: 240px;
}

.container_12 .suffix_6,
.container_16 .suffix_8 {
	padding-right: 480px;
}

.container_12 .suffix_9,
.container_16 .suffix_12 {
	padding-right: 720px;
}

/* `Suffix Extra Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container_12 .suffix_1 {
	padding-right: 80px;
}

.container_12 .suffix_2 {
	padding-right: 160px;
}

.container_12 .suffix_4 {
	padding-right: 320px;
}

.container_12 .suffix_5 {
	padding-right: 400px;
}

.container_12 .suffix_7 {
	padding-right: 560px;
}

.container_12 .suffix_8 {
	padding-right: 640px;
}

.container_12 .suffix_10 {
	padding-right: 800px;
}

.container_12 .suffix_11 {
	padding-right: 880px;
}

/* `Suffix Extra Space >> 16 Columns
----------------------------------------------------------------------------------------------------*/

.container_16 .suffix_1 {
	padding-right: 60px;
}

.container_16 .suffix_2 {
	padding-right: 120px;
}

.container_16 .suffix_3 {
	padding-right: 180px;
}

.container_16 .suffix_5 {
	padding-right: 300px;
}

.container_16 .suffix_6 {
	padding-right: 360px;
}

.container_16 .suffix_7 {
	padding-right: 420px;
}

.container_16 .suffix_9 {
	padding-right: 540px;
}

.container_16 .suffix_10 {
	padding-right: 600px;
}

.container_16 .suffix_11 {
	padding-right: 660px;
}

.container_16 .suffix_13 {
	padding-right: 780px;
}

.container_16 .suffix_14 {
	padding-right: 840px;
}

.container_16 .suffix_15 {
	padding-right: 900px;
}

/* `Clear Floated Elements
----------------------------------------------------------------------------------------------------*/

/* http://sonspring.com/journal/clearing-floats */

.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

/* http://www.positioniseverything.net/easyclearing.html */

.clearfix:after {
	clear: both;
	content: '.';
	display: block;
	visibility: hidden;
	height: 0;
}

.clearfix {
	display: inline-block;
}

* html .clearfix {
	height: 1%;
}

.clearfix {
	display: block;
}

/*
 * This CSS file has been generated by fontsquirrel.com and is based on the work of Paul Irish. 
* 
*/

@font-face {
	font-family: 'AllerBold';
	src: url('../fonts/Aller_Bd.eot');
	src: local('Aller Bold'), local('Aller-Bold'), url('fonts/Aller_Bd.html') format('truetype');
}

@font-face {
	font-family: 'AllerLightRegular';
	src: url('../fonts/Aller_Lt.eot');
	src: local('Aller Light Regular'), local('Aller-Light'), url('../fonts/Aller_Lt.ttf') format('truetype');
}

@font-face {
	font-family: 'AllerRegular';
	src: url('../fonts/Aller_Rg.eot');
	src: local('Aller Regular'), local('Aller'), url('../fonts/Aller_Rg.ttf') format('truetype');
}


/*	Error / Success / Notice	
-----------------------------------------------------------------------------------*/

.notes 	{background: #f0f0f0;border: 1px solid #b8b8b8;}
.success 	{background: #ccfcd1;border: 1px solid #60a400;}
.error	{background: #f9e3e3;	border: 1px solid #e79e9e;}
.notice 	{background: #fcf0cc;border: 1px solid #ecc735;}
	.notes, .notice, .success, .error 
		{font-size: 100%;color:#484848;padding:10px;width:auto;margin: 0 0 20px 0px; text-align:left}
	.notes span, .notice span, .success span, .error span 
		{font-weight: bold;font-size: 1.2em;padding: 2px 40px;}
	.notes p, .success p, .error p, .notice p 
		{margin: 0px;padding: 0px 40px;}

/*	Contact Form
--------------------------------------------------------------------------------------------*/
#form {
	padding: 15px 0;
	}


		#form label {
			font-size: 1.2em;
			width: 140px;
			display: inline-block;
			margin-right: 0px;
			margin-bottom: 15px;
			}
		

		#form .input {
			background:#fbfbfb;		
			border: 1px solid #e5e5e5;
			padding: 5px 7px;
			margin-bottom: 15px;
			width: 360px;
			}
		

		#form select {
			background:#fbfbfb;			
			width: 375px;			
			font: 1.2em Tahoma;
			border: 1px solid #e5e5e5;
			padding: 5px 6px;
			margin-bottom: 15px;
			}
		

		#form textarea {
			background:#fbfbfb;			
			border: 1px solid #e5e5e5;
			vertical-align: top;
			width: 355px;
			font: 1.1em Tahoma;
			line-height: 1.7em;
			padding: 9px;
			height: 200px;
			}
		

		#form .indent {
			padding-left: 145px;
			padding-top: 15px;
			}
			
		/* The button */
		#form .submitbutton {
			background:url(../images/button.html) no-repeat;
			width: 105px;
			border:none;
			height:28px;
			}