@charset "utf-8";
/* CSS Document */

body{
	margin:0;
	font-family:Verdana;
	background-color: #D3D4DC;
	padding-top: 0px;
}
img{ border:none; margin:0; padding:0;}
h1, h2{ margin:0; padding:0;}
p{ margin:0; padding:0;}
form{ margin:0px; padding:0px;}
/*:::::::::::::::::::::::::::: conteneur :::::::::::::::::::::::::::: */
#conteneur{
	width:100%;
	margin: auto;
}


/*:::::::::::::::::::::::::::: header-menu :::::::::::::::::::::::::::: */
#header-menu{
	width:100%;
	height:82px;
	clear:both;
	margin:auto;
	background-repeat:no-repeat;
	background-image:url(../images/header.jpg)!important;
/*filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/header.jpg", sizingMethod="scale");*/
background-color: #001973;
	background-position: left;
}
img.ombre-left-menu{float:left;}
img.header{float:left;} 
img.ombre-right-menu{ float:left;}

#menu{
	clear:both;
	width:100%;
	font-size:12px;
	background-repeat:repeat-x;
	background-position:bottom;
	height:35px;
	background-color:#FFF;
	border-bottom-width: 8px;
	border-bottom-style: solid;
	border-bottom-color: #9C0;
	margin: auto;
}
#conteneur-onglets{ width:990px; margin:auto;}
#onglets{margin-left:170px;}

a.menu{
	color:#06C;
	text-decoration:none;
	display:block;
	float:left;
	height:20px;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 0;
	padding-left: 5px;
	margin-top: 5px;
	margin-right: 5px;
	margin-left: 5px;
}
a.menu:hover{ 
color:#FFF; 
text-decoration:none; 
background-color:#09F;
height:20px;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 0;
	padding-left: 5px;
	margin-top: 5px;
	margin-right: 5px;
	margin-left: 5px;}
a.menu_on{
	color:#FFF;
	text-decoration:none;
	background-color:#09F;
	display:block;
	float:left;
	height:20px;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 0;
	padding-left: 5px;
	margin-top: 5px;
	margin-right: 5px;
	margin-left: 5px;
}
span.tiret-menu{ float:left; padding-top:10px;}

img.img-menu{ margin-left:408px;}
*+html img.img-menu{margin-left:390px;}
* html img.img-menu{margin-left:395px;}

/*:::::::::::::::::::::::::::: contenu :::::::::::::::::::::::::::: */
#contenu{
	margin:auto;
	width:932px;
/*filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/fond-contenu.png", sizingMethod="scale");*/
background-color: #FFF;
	padding-top: 0px;
	padding-right: 30px;
	padding-bottom: 0;
	padding-left: 30px;
}

/*#conteneur-page{ width:988px; background-image:url(../images/fond-page.png)!important; background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/fond-page.png", sizingMethod="scale"); background-repeat:repeat-y;} */
#ecolabel{}
img.logos_home{ float:left;}
/*--------- div agence ---------*/
#menu-agence{
	width:164px;
	float:left;
	height: 100%;
	margin-top: 20px;
	margin-bottom: 10px;
	text-align: left;
	font-size: 11px;
}
.head-agence{
	height:33px;
	line-height:33px;
	border-top-width: 8px;
	border-top-style: solid;
	border-top-color: #9C0;
	border-bottom-width: thin;
	border-bottom-style: dotted;
	border-bottom-color: #30539d;
	margin-top: 10px;
	color: #06C;
	padding-left: 5px;
	background-color: #D3D4DD;
}
.head-text{
	color: #35537A;
	padding-left: 5px;
	padding-top: 10px;
	padding-bottom: 10px;
}
.head-text a{
	color: #09F;
	text-decoration: none;
}

.head-text p strong {
	color: #06C;
	font-size: 12px;
	margin:0; padding:0;
	display: block;
}
#conteneur-agence{
	border-bottom:2px solid #30539d;
	padding:5px 0 5px 0;
}
p.texte-div-agence{ font-size:10px; color:#646464;}
a.liens-agence{ font-size:12px; color:#30539d; text-decoration:none; margin:10px 0 10px 5px;}
a.liens-agence:hover{ text-decoration:underline;}
#agence-16{ margin:0 3px 10px 3px;}
#agence-14{ margin:0 3px 10px 3px;}
#agence-44{ margin:0 3px 10px 3px;}
#agence-95{ margin:0 3px 10px 3px;}
p.txt-bleu{
	font-size:12px;
	color:#06C;
	padding-left:5px;
}
p.tel-agence{
	color:#06C;
	font-size:13px;
	font-weight:bold;
}

/*--------- div devis ---------*/
#onglet-agence-bleu{width:164px; height:29px; margin-top:10px;  margin-bottom:10px; text-align:center; background-color:#30539d; padding-top:4px;} 
#onglet-agence-bleu h2 { font-size:10px; color:#FFF; font-weight:normal;}


/*--------- div particulier ---------*/
#onglet-agence-rouge{ width:164px; height:39px; text-align:center; background-color:#CC0000; padding-top:4px;}
#onglet-agence-rouge h2{ font-size:10px; color:#FFF; font-weight:normal;}

/*--------- div mentions ---------*/

#onglet-agence-bleu-mention{
	width:164px;
	height:22px;
	margin-top:10px;
	margin-bottom:10px;
	text-align:center;
	background-color:#09F;
	padding-top:10px;
} 
#onglet-agence-bleu-mention h2 { font-size:10px; color:#FFF; font-weight:normal;}

/*--------- bloc ---------*/
#contenu-bloc{
	float:left;
	padding-top: 20px;
	padding-bottom: 20px;
}
#img-home{
	float:left;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 0px;
}


/*img.img-home{ margin:10px;}*/
#bloc{
	clear:both;
	width:735px;
	background-color:#FFF;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 15px;
	margin-left: 30px;
}
#bloc p{
	font-size:12px;
	color:#35537A;
	text-align:left;
	text-decoration: none;
	padding-top: 0;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
}
#bloc p a{
	color:#09F;
	text-decoration: none;
}
#bloc p a:hover {
	text-decoration: underline;
}
#bloc p ul li a:hover {
	color:#006;
	text-decoration: none;
}
#bloc p.ecolabel{
	font-size:12px; color:#008d4b; float:left; margin:48px 5px 0 0; 
	}
.img-home{
	float:left;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 0px;
	height: auto;
}

div.titre-bloc1, h1.titre-bloc{
	font-size:20px;
	font-weight:normal;
	color:#09F;
	display:block;
	padding-top: 7px;
	padding-right: 0;
	padding-bottom: 7px;
	padding-left: 0px;
}
h1.titre-bloc {
	display:inline;
}
div.titre-bloc2, h2.titre-bloc{
	font-size:12px;
	font-weight:bold;
	color:#06C;
	padding:10px 0 10px 0;
}
h2.titre-bloc{
	display:inline;
}
div.titre-bloc-sans-photo2, h2.titre-bloc-sans-photo{ font-size:12px; font-weight:bold; color:#339900; padding:10px 0 10px 10px; clear:both;}

/*--------- bloc texte en bas de l'accueil ---------*/
#bloc-bas{
	width:725px;
	background-color: #D3D4DD;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 5px;
	float: left;
	position: relative;
	margin-top: 10px;
}
#bloc-bas p{
	font-size:9px;
	color:#06C;
}

/*--------- page interieur ---------*/
#bloc-interieur{ clear:both; width:625px; margin: 0 0 30px 30px;}
#bloc-interieur p{ font-size:12px; color:#35537a; text-align:left; padding:0 10px 20px 10px;}
#bloc-interieur table{ font-size:12px; color:#35537a; text-align:left; margin-bottom:10px;}

/*--------- page devis ---------*/
p.devis{ text-align:left;}
a.devis{ color:#35537a; text-decoration:none;}
a.devis{ text-decoration:underline;}

/*--------- page recrutement ---------*/
.formulaire-recrutement{margin-left:120px;}

/*--------- page plan site ---------*/
ul.plan{ font-size:15px; list-style:none;}
/*:::::::::::::::::::::::::::: footer :::::::::::::::::::::::::::: */
#footer{
	clear:both;
	width:100%;
	height:35px;
	background-color:#FFF;
	padding-top:5px;
	border-top-width: 8px;
	border-top-style: solid;
	border-top-color: #9C0;
	margin-right: auto;
	margin-left: auto;
}
#footer p{ font-size:9px; text-align:center; color:#30539d;}
/*:::::::::::::::::::::::::::: class :::::::::::::::::::::::::::: */
.clear{
	clear:both;
}
.txt-vert{
	font-size:12px;
	color:#35537A;
}

.lien-vert{color:#136227; text-decoration:none;}
.lien-vert:hover{text-decoration:underline;}

.lien-bleu{color:#30539d; text-decoration:none;}
.lien-bleu:hover{text-decoration:underline;}
.lien-gris{color:#646464; text-decoration:underline;}
.lien-gris:hover{text-decoration:none;}

.lien-blanc{
	color:#06C;
	text-decoration:none;
}
.lien-blanc:hover{
	text-decoration:underline;
	color: #FFF;
}
.lien-blanc_on{
	text-decoration:underline;
	color: #FFF;
}
.txt-10{ font-size:10px;}
.txt-11{ font-size:11px;}

#texte{
	float:left;
	text-align:left;
	width: 700px;
}

#texte2{
	float:left;
	text-align:left;
	width: 465px;	
}
.paragraphe {
	float: left;
	width: 735px;
	border-bottom-width: thin;
	border-bottom-style: dotted;
	border-bottom-color: #30539d;
}

.paragraphe ul {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 7px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 7px;
	}
.paragraphe ul li {
	font-size:12px;
	color:#35537A;
	list-style-position: outside;
	list-style-image: url(../images/puce-verte.gif);
}
.paragraphe ul li a {
	color:#09F;
	text-decoration: none;
}
.actus {
	width: 605px;
	background-color: #9C0;
	float:left;
	margin-bottom: 25px;
	margin-top: 15px;
	margin-left: 55px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
	position: relative;
	
}
.actus h1{
	font-size: 14px;
	color: #FFF;
}
.actus p{
	font-size: 13px;
	color: #06C;
	font-weight: normal;
	margin: 0px;
}
td {
	font-size:12px;
	color:#35537A;
	text-align:left;
	text-decoration: none;
	list-style-position: inside;
	list-style-type: disc;
	list-style-image: url(../images/puce-verte.gif);
	padding: 0px;
	margin: 0px;
}
#conteneur #contenu #contenu-bloc #bloc table tr td ul {
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}
#conteneur #contenu #contenu-bloc #bloc table tr td ul li {
	list-style-position: inside;
	list-style-image: url(../images/puce-verte.gif);
}
.tableau {
	margin: 0px;
	padding: 0px;
}
#imagebig {
	margin-left: 75px;
	padding-left: 75px;
}
#imagesmall {
	margin-left: 55px;
	padding-left: 55px;
}
#imagebig-list1 {
	float: left;
	width: 230px;
	margin-left: 7px;
	padding-left: 7px;
	padding-bottom: 15px;
}
#plan-VitrissimoPRO {
	float: left;
}
#conteneur #contenu #contenu-bloc #bloc .paragraphe ul #imagebig li a:hover {
	text-decoration: underline;
}
.flag {
	float: right;
}
#conteneur #contenu #contenu-bloc #bloc .actus p a {
	color: #036;
}
#conteneur #contenu #contenu-bloc #bloc .actus p a:hover, a:active {
	color: #036;
}