/** *******************************************************************
 * Feuille de style générale
 * --------------------------------------------------------------------
 * 02/09/2009
 *********************************************************************/

@CHARSET "ISO-8859-1";

/* Styles de prédéfinition des balises */
* {
	font-family:		Verdana;
	text-decoration:	none;
	font-size:			8pt;
	color:				#626262;
}

body, html {
	margin:				0;
	padding:			0;
	background-color:	#FFFFFF;
	font-family:		arial;
	text-decoration:	none;
	font-size:			8pt;
	color:	 			#000000;
}

div {
	display: block;
}

p {
	font-size:			8pt;
	text-align:			justify;
}

a {
	font-size:			8pt;
	text-decoration:	none;
}

a:hover {
	font-size:			8pt;
	text-decoration:	underline;
}

h1 {
	font-size:			13pt;
	padding:			0;
	margin:				0;
}

h2 {
	font-size:			8pt;
	text-decoration:	underline;
	padding:			0;
	margin:				0;
}

h3 {
	font-size:			8pt;
	padding:			0;
	margin:				0;
}

img {
	border:				none;
}

pre {
	margin: 10px;
	padding: 10px;
	background-color: #C9B779;
	border: solid 1px #FF6600;
}

div.clean {
	clear:				both;
	height:				1px;
	font-size:			1px;
}

div.orange {
	height:				5px;
	background:			#F9B200;
}

div#body {
	position:			absolute;
	width:				960px;
	height:				auto;
	left:				50%;
	margin-left:		-480px;
}

div#body .body {
	position:			relative;
	width:				948px;
	border:				solid 6px #EEEEEE;
	background-color:	#FFFFFF;
}

/* Positionnement du footer */
div#footer {
	position:			relative;
	width:				960px;
	height:				auto;
	background-color:	#FFFFFF;
	margin:				18px 0;
}

div#footer strong {
	color:				#747474;
}

div#footer a:hover {
	text-decoration:	none;
}

div#footer .select strong,
div#footer a:hover strong {
	color:				#F99500;
}

/* Positionnement du header */
div#header {
	position:			relative;
	width:				948px;
	height:				111px;
}

div#header .logo {
	position:			relative;
	float:				left;
	width:				305px;
	height:				111px;
}
div#header .bandeau {
	position:			relative;
	float:				left;
	width:				643px;
	height:				111px;
}

/* Positionnement du menu */
div#menu {
	position:			relative;
	width:				946px;
	height:				54px;
	border-left:		solid 1px #FFFFFF;
	border-right:		solid 1px #FFFFFF;
	background-color:	#FFFFFF;
}

div#menu ul {
	list-style:			none;
	margin:				0px;
	padding:			0px;
	font-size:			0;
}

div#menu ul li {
	list-style:			none;
	margin:				0px;
	padding:			0px;
}

div#menu .home {
	position:			relative;
	float:				left;
	background:			url(../images/menubck.jpg) repeat-x 0 0;
	width:				40px;
}

div#menu .menu {
	position:			relative;
	float:				left;
	width:				150px;
	border-left:		solid 1px #FFFFFF;
	text-align:			center;
	height:				32px;
}

div#menu a:hover {
	text-decoration:	none;
}

div#menu .clas1 {
	background:			url(../images/menubck1.jpg) repeat-x 0 0;
}

div#menu .clas1:hover,
div#menu .select1 {
	background:			url(../images/hmenubck1.jpg) repeat-x 0 0;
}

div#menu .clas2 {
	background:			url(../images/menubck2.jpg) repeat-x 0 0;
}

div#menu .clas2:hover,
div#menu .select2 {
	background:			url(../images/hmenubck2.jpg) repeat-x 0 0;
}

div#menu .clas3 {
	background:			url(../images/menubck3.jpg) repeat-x 0 0;
}

div#menu .clas3:hover,
div#menu .select3 {
	background:			url(../images/hmenubck3.jpg) repeat-x 0 0;
}

div#menu .clas4 {
	background:			url(../images/menubck4.jpg) repeat-x 0 0;
}

div#menu .clas4:hover,
div#menu .select4 {
	background:			url(../images/hmenubck4.jpg) repeat-x 0 0;
}

div#menu .clas5 {
	background:			url(../images/menubck5.jpg) repeat-x 0 0;
}

div#menu .clas5:hover,
div#menu .select5 {
	background:			url(../images/hmenubck5.jpg) repeat-x 0 0;
}

div#menu .clas6 {
	background:			url(../images/menubck6.jpg) repeat-x 0 0;
}

div#menu .clas6:hover,
div#menu .select6 {
	background:			url(../images/hmenubck6.jpg) repeat-x 0 0;
}

div#menu .menu a {
	font-size:			8pt;
	color:				#626262;
	margin-top:			8px;
	height:				24px;
	display:			block;
}

div#menu .smenupos {
	position:			absolute;
	left:				-8px;
	top:				32px;
}

div#menu .topbrdrsmenu {
	display:			block;
	width:				167px;
	margin:				0px;
	padding:			0px;
	height:				6px;
	background:			url(../images/topfondsmenu.png) repeat-y 0 0px;
}

div#menu .brdrsmenu {
	display:			block;
	width:				167px;
	margin:				0px;
	padding:			0px;
	height:				8px;
	background:			url(../images/fondsmenu.png) repeat-y 0 0;
}

div#menu .smenu {
	display:			block;
	width:				167px;
	margin:				0px;
	padding:			0px;
	background:			url(../images/fondsmenu.png) repeat-y 0 0;
	text-align:			left;
}

div#menu .smenu a {
	margin:				0px 9px;
	padding:			3px;
	padding-left:		23px;
	padding-right:		3px;
	height:				auto;
}

div#menu .ssmenu a {
	margin:				0px 9px;
	padding:			3px;
	padding-left:		33px;
	padding-right:		3px;
	height:				auto;
}

div#menu .clas1 .smenu a:hover {
	background:			#80A845;
	color:				#FFFFFF;
	text-decoration:	none;
}

div#menu .clas2 .smenu a:hover {
	background:			#F7B403;
	color:				#FFFFFF;
	text-decoration:	none;
}

div#menu .clas3 .smenu a:hover {
	background:			#F77402;
	color:				#FFFFFF;
	text-decoration:	none;
}

div#menu .clas4 .smenu a:hover {
	background:			#A56EA5;
	color:				#FFFFFF;
	text-decoration:	none;
}

div#menu .clas5 .smenu a:hover {
	background:			#D7CCD2;
	color:				#FFFFFF;
	text-decoration:	none;
}

div#menu .clas6 .smenu a:hover {
	background:			#0AA0DF;
	color:				#FFFFFF;
	text-decoration:	none;
}

div#menu .clas1 .class1 a:hover {
	background:			#80A845 url(../images/fleche.gif) no-repeat 12px 5px;
	color:				#FFFFFF;
	text-decoration:	none;
}

div#menu .clas2 .class2 a:hover {
	background:			#F7B403 url(../images/fleche.gif) no-repeat 12px 5px;
	color:				#FFFFFF;
	text-decoration:	none;
}

div#menu .clas3 .class3 a:hover {
	background:			#F77402 url(../images/fleche.gif) no-repeat 12px 5px;
	color:				#FFFFFF;
	text-decoration:	none;
}

div#menu .clas4 .class4 a:hover {
	background:			#A56EA5 url(../images/fleche.gif) no-repeat 12px 5px;
	color:				#FFFFFF;
	text-decoration:	none;
}

div#menu .clas5 .class5 a:hover {
	background:			#D7CCD2 url(../images/fleche.gif) no-repeat 12px 5px;
	color:				#FFFFFF;
	text-decoration:	none;
}

div#menu .clas6 .class6 a:hover {
	background:			#0AA0DF url(../images/fleche.gif) no-repeat 12px 5px;
	color:				#FFFFFF;
	text-decoration:	none;
}

div#menu .clas1 .ssmenu a:hover {
	background:			#80A845;
	color:				#FFFFFF;
	text-decoration:	none;
}

div#menu .clas2 .ssmenu a:hover {
	background:			#F7B403;
	color:				#FFFFFF;
	text-decoration:	none;
}

div#menu .clas3 .ssmenu a:hover {
	background:			#F77402;
	color:				#FFFFFF;
	text-decoration:	none;
}

div#menu .clas4 .ssmenu a:hover {
	background:			#A56EA5;
	color:				#FFFFFF;
	text-decoration:	none;
}

div#menu .clas5 .ssmenu a:hover {
	background:			#D7CCD2;
	color:				#FFFFFF;
	text-decoration:	none;
}

div#menu .clas6 .ssmenu a:hover {
	background:			#0AA0DF;
	color:				#FFFFFF;
	text-decoration:	none;
}

div#menu .botbrdrsmenu {
	width:				167px;
	height:				12px;
	background:			url(../images/botfondsmenu.png) repeat-y 0 0;
}

div#menu .ariane {
	margin-left:		42px;
}

div#menu .ariane a:hover {
	color:				#F99500;
}

/* Positionnement des éléments principaux */
/* Fond */
div#main {
	width:				738px;
	position:			relative;
	float:				left;
	background:			url(../images/fondmain.jpg) repeat-y 0 0;
	z-index:			1;
}

/* Positionnement du subfooter */
div#main .sub {
	width:				705px;
	height:				117px;
}

div#main .sub .partenaires {
	width:				265px;
	height:				112px;
	position:			relative;
	float:				left;
}

div#main .sub .partenaires .description {
	margin:				0 13px;
}

div#main .sub .partenaires .description p {
	color:				#535353;
	font-size:			7pt;
	font-weight:		bold;
	margin:				5px 0;
}

div#main .sub .plaquette {
	width:				234px;
	border-left:		solid 2px #EEEEEE;
	border-right:		solid 2px #EEEEEE;
	height:				112px;
	position:			relative;
	float:				left;
	background:			url(../images/plaquettebck.jpg) no-repeat 0 0;
}

div#main .sub .plaquette .miniature {
	width:				50px;
	position:			relative;
	float:				left;
	margin-left:		45px;
	margin-top:			25px;
}

div#main .sub .plaquette .telecharger {
	width:				119px;
	position:			relative;
	float:				left;
	margin-top:			32px;
}

div#main .sub .plaquette .telecharger a {
	display:			block;
	padding-left:		30px;
	padding-top:		5px;
	padding-bottom:		20px;
	color:				#FFFFFF;
	font-size:			7pt;
}

div#main .sub .plaquette .telecharger strong {
	color:				#FFFFFF;
}

div#main .sub .partenaire {
	width:				202px;
	height:				112px;
	position:			relative;
	float:				left;
	background:			url(../images/partprincbck.jpg) no-repeat 0 0;
}

div#main .sub .partenaire .titre {
	width:				202px;
	margin-top:			17px;
	margin-bottom:		6px;
}

div#main .sub .partenaire .titre h3 {
	font-size:			8pt;
	color:				#0171BB;
	font-weight:		bold;
	text-align:			center;
	text-transform:		uppercase;
}

div#main .sub .partenaire .description {
	position:			relative;
	float:				left;
	width:				105px;
	margin-left:		22px;
	margin-right:		13px;
	color:				#545454;
	font-size:			7pt;
	font-weight:		bold;
	text-align:			center;
}

div#main .sub .partenaire .logo {
	position:			relative;
	float:				left;
	width:				51px;
	height:				63px;
}

/* Colonne de droite */
div#right {
	width:				210px;
	position:			relative;
	float:				right;
	z-index:			1;
}

div#right .bloc {
	width:				187px;
	margin-bottom:		11px;
}

div#right .border {
	background:			#F2FAFD url(../images/rightbrdr.jpg) repeat-x left bottom;
}

div#right .bloc .brdr_texte {
	border:				0;
	border-top:			solid 1px #08A1DD;
	border-bottom:		solid 1px #08A1DD;
	margin:				0;
	margin-bottom:		10px;
}

div#right .bloc .brdr_texte .visuel {
	border-top:			solid 1px #FFFFFF;
}

div#right .bloc .brdr_texte .descr {
	margin:				8px 11px 11px;
}

div#right .bloc .brdr_texte .descr h3 {
	font-size:			11pt;
	color:				#08A1DD;
	font-weight:		normal;
}

div#right .bloc .brdr_texte .descr p {
	margin:				0;
	font-weight:		bold;
	font-size:			10px;
}

div#right .bloc .brdr_texte .more {
	width:				92px;
	height:				15px;
	border-left:		solid 1px #ACDBEF;
	background:			url(../images/rightmorebck.jpg) repeat-x 0 0;
	text-align:			center;
	margin-right:		0;
	margin-left:		94px;
}

div#right .bloc .brdr_texte .more a {
	color:				#FFFFFF;
}

/* Positionnement bloc home */
div#main .bloc .home {
	background:			url(../images/homeback.jpg) no-repeat 0 0;
	background-color:#f97d01;
	width:				705px;
	height:				470px;
}

div#main .bloc .home .home_bloc {
	position:			relative;
	width:				337px;
	height:				450px;
	float:				left;
	margin-left:		15px;
	margin-top:			20px;
}

div#main .bloc .home .home_bloc .description {
	margin:				0 28px;
}

div#main .bloc .home .home_bloc .description p {
	color:				#FFFFFF;
}

div#main .bloc .home .home_bloc .more {
	position:			absolute;
	right:				50px;
	bottom:				10px;
}

/* Positionnement du titre des pages */
div#main .bloc .titre {
	position:			relative;
	width:				704px;
	border-left:		solid 1px #FFFFFF;
	background:			url(../images/titrebck.jpg) repeat-x 0 0;
	height:				60px;
}

div#main .bloc .titre h1 {
	margin-left:		42px;
	padding-top:		9px;
	font-size:			18pt;
	color:				#797979;
	font-weight:		normal;
}

div#main .bloc .titre h1 img {
	vertical-align:		bottom;
}

div#main .bloc .titre h2 {
	display:			block;
	width:				298px;
	float:				left;
	margin-left:		42px;
	padding-top:		2px;
	font-size:			10pt;
	color:				#FFFFFF;
	font-weight:		normal;
	text-decoration:	none;
	padding-left:		5px;
	height:				20px;
	background:			url(../images/defaultbck.jpg) repeat-x 0 0;
}

div#main .bloc .titre .brdrgrey {
	width:				321px;
	float:				left;
	border-top:			solid 1px #DCDCDC;
}

div#main .bloc .titre .print {
	position:			absolute;
	top:				11px;
	right:				42px;
}

div#main .bloc .inside {
	min-height:			526px;
	margin-bottom:		43px;
}

div#main .bloc .inside .default {
	margin-top:			21px;
}

div#main .bloc .inside .default h2,
div#main .bloc .inside .default h2 span,
div#main .bloc .inside .default h2 em {
	font-size:			13pt;
	text-decoration:	none;
	font-weight:		normal;
}

div#main .bloc .inside .bloc-inside {
	width:				624px;
	margin-left:		43px;
}

div#main .bloc .inside .bloc-inside .logo {
	width:				136px;
	border:				solid 4px #C8CDD1;
	position:			relative;
	float:				left;
}

div#main .bloc .inside .bloc-inside .marge {
	margin-right:		13px;
}

div#main .bloc .inside .bloc-inside #sitemap ul {
	list-style:			none;
	margin:				0px;
	padding:			0px;
}

div#main .bloc .inside .bloc-inside .descriptif {
	width:				466px;
	margin-left:		5px;
	position:			relative;
	float:				right;
}

div#main .bloc .inside .bloc-inside .descriptif h3 {
	color:				#F99C01;
	text-transform:		uppercase;
}

div#main .bloc .inside .bloc_left {
	width:				372px;
	position:			relative;
	margin-left:		43px;
	margin-top:			21px;
	margin-bottom:		43px;
	float:				left;
}

div#main .bloc .inside .bloc_left .certification h3 {
	color:				#009DE2;
	font-size:			8pt;
	margin:				10px 0;
}

div#main .bloc .inside .bloc_right {
	width:				284px;
	position:			relative;
	float:				right;
	margin-top:			21px;
}

div#main .bloc .inside .agence {
	width:				350px;
	position:			relative;
	margin-top:			21px;
	float:				left;
	font-size:			7pt;
}

div#main .bloc .inside .agence h3 {
	color:				#33708D;
	font-size:			11pt;
	font-weight:		normal;
	margin-top:			10px;
}

div#main .bloc .inside .agence span {
	font-weight:		bold;
	color:				#004C70;
	font-size:			7pt;
}

div#main .bloc .inside .agence a {
	color:				#F5A100;
	font-weight:		bold;
	font-size:			7pt;
}

div#main .bloc .inside .contact {
	width:				215px;
	position:			relative;
	float:				right;
	margin-top:			21px;
}

div#main .bloc .inside .contact label {
	font-size:			11pt;
	color:				#226182;
	margin-bottom:		8px;
}

div#main .bloc .inside .contact input {
	border:				solid 1px #226285;
	width:				209px;
	padding:			5px 0;
}

div#main .bloc .inside .contact textarea {
	border:				solid 1px #226285;
	width:				209px;
	height:				145px;
	padding:			5px 0;
}

div#main .bloc .inside .contact .submit input {
	width:				94px;
	padding:			2px 0;
	font-size:			7pt;
	color:				#FFFFFF;
	text-transform:		uppercase;
	border:				0;
	border-left:		solid 1px #AEDBF2;
	border-right:		solid 1px #AEDBF2;
	background:			url(../images/submitbck.jpg) repeat-x 0 0;
	cursor:				pointer;
}

/* positionnement de la popup */
#masque {
	position:			fixed;
	background-color:	black;
	height:				100%;
	width:				100%;
	z-index:			200;
	-moz-opacity:		0.5;
	opacity:			0.5;
	filter:				alpha(opacity=50);
	visibility:			hidden;
	top:				0px;
	left:				0px;
	overflow:			hidden;
}

#filter {
	position:			absolute;
	left:				50%;
	margin:				0;
	margin-left:		-150px;
	border:				solid 3px #DADADA;
	top:				200px;
	width:				300px;
	height:				153px;
	float:				right;
	background-color:	#FFFFFF;
	visibility:			hidden;
	z-index:			500;
}

#filter .titre {
	background:			url(../images/menubck2.jpg) repeat-x 0 0;
	height:				32px;
}

#filter .titre h2 {
	margin-left:		20px;
	padding-top:		4px;
	padding-bottom:		4px;
	font-size:			11pt;
	text-decoration:	none;
}

#filter .clean {
	background-color:	#FFFFFF;
}

#filter .msg {
	margin:				6px 15px;
	position:			relative;
}

.close {
	width:				94px;
	padding:			2px 0;
	font-size:			7pt;
	color:				#FFFFFF;
	text-transform:		uppercase;
	border:				0;
	border-left:		solid 1px #AEDBF2;
	border-right:		solid 1px #AEDBF2;
	background:			url(../images/submitbck.jpg) repeat-x 0 0;
	cursor:				pointer;
}

#filter .valid {
	position:			absolute;
	bottom:				7px;
	right:				15px;
}