/* CSS Document */

* {
	margin: 0;
	padding: 0;
}

body {
	color: #012f70;
	background-color: #7ABDE9;
	text-align: center;
	font-family: Arial, Verdana, Helvetica, Sans-Serif;
	font-size: 11px;
}

a{
	color:#003887;
	text-decoration: none;
}

a:hover{
	text-decoration: underline;
}


dl, dt, dd, ul, li {
	list-style-type: none;
	list-style: none;
}

img, img a{
	border:none;
}

.fleft {
	float:left;
}

.fright {
	float:right;
}

.call {
	clear:both;
}

#site {
	text-align : left;
	margin-left : auto;
	margin-right : auto;
	width : 782px;
}

.logoSite{
	width: 194px;
	height: 156px;
	background:url(../images/logo.jpg) 0 0 no-repeat;
	display:block;
}


.logoSelection{
	width: 59px;
	height: 82px;
	background:url(../images/logo_selection.gif) 0 0 no-repeat;
	display:block;
}


.retour{
	width: 40px;
	height: 15px;
	background:url(../images/bout_retour.gif) 0 0 no-repeat;
	color:#FF8300;
	padding:1px 0 0 10px;
}

.retour a{
	color:#FF8300;
	}
	
.retour a:hover{
	color:#bb0d00;
	
}
.flash{
	margin-top :20px;

}


/***********************************/
/********** GABARIT HOME ******/
/***********************************/

/*contenu à gauche ***************************/
#home_content {
	float:left;
	width: 514px;
	height:500px;;
	background:url(../images/home/fond_home.jpg) 0 0 no-repeat;
}


#home_content .bout{
	margin-top:230px;
	width: 514px;
	
}

#home_content .navB{
	margin-top:30px;
	width: 484px;
	height:50px;
	float:left;
	padding-left:25px;
}




#home_content a.bt_aix{

	background:url(../images/home/aix.gif) 0 0 no-repeat;
	width: 76px;
	height :184px;
	float:left;
	display:block;
}
#home_content a.bt_aix:hover{
	background:url(../images/home/aix_roll.gif) 0 0 no-repeat;

}

#home_content a.bt_luchon{
	
	background:url(../images/home/luchon.gif) 0 0 no-repeat;
	width: 58px;
	height :184px;
	float:left;
	display:block;
}
#home_content a.bt_luchon:hover{
	background:url(../images/home/luchon_roll.gif) 0 0 no-repeat;

}

#home_content a.bt_benoit{
	
	background:url(../images/home/benoit.gif) 0 0 no-repeat;
	width: 57px;
	height :184px;
	float:left;
	display:block;
}
#home_content a.bt_benoit:hover{
	background:url(../images/home/benoit_roll.gif) 0 0 no-repeat;

}

#home_content a.bt_vernet{
	
	background:url(../images/home/vernet.gif) 0 0 no-repeat;
	width: 61px;
	height :184px;
	float:left;
	display:block;
}
#home_content a.bt_vernet:hover{
	background:url(../images/home/vernet_roll.gif) 0 0 no-repeat;

}

#home_content a.bt_fiee{

	background:url(../images/home/fiee.gif) 0 0 no-repeat;
	width: 64px;
	height :184px;
	float:left;
	display:block;
}
#home_content a.bt_fiee:hover{
	background:url(../images/home/fiee_roll.gif) 0 0 no-repeat;

}

#home_content a.bt_ondine{

	background:url(../images/home/ondine.gif) 0 0 no-repeat;
	width: 64px;
	height :184px;
	float:left;
	display:block;
}
#home_content a.bt_ondine:hover{
	background:url(../images/home/ondine_roll.gif) 0 0 no-repeat;

}

#home_content a.bt_valeurs{
	background:url(../images/home/nav/valeurs_of.gif) 0 0 no-repeat;
	width: 177px;
	height:38px;
	float:left;
	display:block;
}
#home_content a.bt_valeurs:hover{
	background:url(../images/home/nav/valeurs_on.gif) 0 0 no-repeat;
}

#home_content a.bt_histoire{
	background:url(../images/home/nav/histoire_of.gif) 0 0 no-repeat;
	width: 157px;
	height:38px;
	float:left;
	display:block;
}
#home_content a.bt_histoire:hover{
	background:url(../images/home/nav/histoire_on.gif) 0 0 no-repeat;
}

#home_content a.bt_actualites{
	background:url(../images/home/nav/actualites_of.gif) 0 0 no-repeat;
	width: 123px;
	height:38px;
	float:left;
	display:block;
	
}
#home_content a.bt_actualites:hover{
	background:url(../images/home/nav/actualites_on.gif) 0 0 no-repeat;
}




/*contenu à droite ***************************/
#home_droite1{
	float:left;
	width: 268px;
	height:253px;
	background:url(../images/home/fond_droite1.jpg) 0 0 no-repeat;

}
#home_droite2{
	float:left;
	width: 268px;
	height:227px;
	padding-top:20px;
	background:url(../images/home/fond_droite2.jpg) 0 0 no-repeat;

}


#ficheHome_TxtVisu{
	
	text-align:left;
	
	width: 268px;
	height: 103px;
	background:url(../images/home/fd_fiche.png) 0 0 no-repeat;
		_background: none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/marques/16/images/home/fd_fiche.png", sizingMethod="scale");
}

#ficheHome_TxtVisu img{
	float:right;
	margin :10px 72px 0 0;
}


#ficheHome_TxtVisu p{
	float:right;
	padding:22px 25px 0 0;
	color: #0A599E;
	line-height:10px;
	width:80px;
}


#ficheHome_TxtVisu a{
	color:#0a599e;
	position:relative;
}
#ficheHome_TxtVisu img{
	position:relative;
}



#ficheHome_Txt{
	text-align:center;
	width: 268px;
	height: 103px;
	background:url(../images/home/fd_fiche.png) 0 0 no-repeat;
	_background: none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/marques/16/images/home/fd_fiche.png", sizingMethod="scale");
}


#ficheHome_Txt p{
	float:right;
	width:75px;
	padding: 10px 75px 0 0;
}

#ficheHome_Txt a{
	color:#0a599e;
	position:relative;
}





/***********************************/
/**MENU HAUT POUR PAGES INTERIEURS ******/
/***********************************/


#menuhaut,#menuhaut2,#menuhaut3 {
	width: 782px;
	height: 156px;
	background:url(../images/nav/bande_haut.jpg) right top no-repeat;
}





/*nav general***************************/

#surnav{
	float:left;
	width: 529px;
	height: 26px;
}

#surnav .accueil{
	width:150px;
	height:20px;
	margin:0 0 0 28px;
	background:url(../images/maison.gif) 0 0 no-repeat;
	padding:5px 0 0 25px;

}


#nav{
	float:left;
	width: 529px;
	height: 21px;
	margin-top:45px;
	
	
}	
	
#nav a.n1of{

	background:url(../images/nav/histoire_of.gif) 0 0 no-repeat;
	margin-left:205px;
	width:324px;
	height: 17px;
	display:block;
}


#nav a.n1of:hover, #nav a.n1on{

	background:url(../images/nav/histoire_on.gif) 0 0 no-repeat;
	margin-left:205px;
	width:324px;
	height: 17px;
	display:block;
}

#nav a.n2of{
	
	background:url(../images/nav/valeurs_of.gif) 0 0 no-repeat;
	margin:13px 0 0 90px;
	width:137px;
	height: 17px;
	display:block;
}


#nav a.n2of:hover, #nav a.n2on{


	background:url(../images/nav/valeurs_on.gif) 0 0 no-repeat;
	margin:13px 0 0 90px;
	width:137px;
	height: 17px;
	display:block;
}


#nav a.n3of{

	background:url(../images/nav/actualites_of.gif) 0 0 no-repeat;
	margin:13px 0 0 130px;
	width:137px;
	height: 17px;
	display:block;
}


#nav a.n3of:hover, #nav a.n3on{

	background:url(../images/nav/actualites_on.gif) 0 0 no-repeat;
	margin:13px 0 0 130px;
	width:137px;
	height: 17px;
	display:block;
}
	
#nav a.n4of{
	display:none;
}


#nav a.n4of:hover, #nav a.n4on{
	display:none;
}

/***************************************************************************************/
/********** GABARIT GAMMES / HISTOIRES / VALEURS / CONSEILS / ACTUALITES ******/
/***************************************************************************************/

/*contenu à droite ***************************/


#gab_interieur { /*permet de continuer la page quand le site s'etire*/
	float:left;
	width: 782px;
	height: 100%;

}

#gab_interieurFond {
	float:left;
	width: 782px;
	background:url(../images/interieur/fond_editorial.jpg) 0 0 no-repeat;
	background-color:#3483e0;
}


#gab_interieur_edito {
	float:left;
	width: 782px;
	height:100%;
	

	background:url(../images/interieur/fond_editorial.jpg) 0 0 no-repeat;
	background-color:#3483e0;
	
}

#actu_content{
	text-align:center;
	width:560px;
	height:100%;
	float:left;
	padding-left:8px;

}

#valeur_content{
	float:left;
	text-align:center;
	width:540px;
	height:100%;


}

#valeur_content p{
	text-align:justify;
	float:left;
	width:490px;
	font-size:12px;
}

#valeur_content h3{
	text-align:left;
	font-size:13px;
}

#valeur_content .bloc{
	width:495px;
	padding:20px 20px 20px 20px;
		margin-bottom:20px;
	height:100%;
	background:url(../images/interieur/trait_fd.png) 0 0 repeat-y;
	_background: none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/marques/16/images/interieur/trait_fd.png", sizingMethod="scale");
	float:left;

}

#valeur_content .bloc td{
	padding:5px 5px 5px 5px;
	font-size:12px;
	text-align:left;
}
/*snav ***************************/
#snav{
	float:left;
	width: 550px;
	font-size:12px;
	text-align:left;
	margin-top:7px;
	background:url(../images/interieur/fd_titre.jpg) 0 0 no-repeat;
}


#snav a.sn1of{
	color:#FFFFFF;
	text-decoration : none;
	float:left;
	width:175px;
	height:16px;
	display:block;
	text-align:center;
	padding-top:2px;
	border-left:1px solid #012f70;
}

#snav a.sn1of:hover, #snav a.sn1on{
	color:#003887;
	background-color:#FFFFFF;
	text-decoration : none;
	float:left;
	width:175px;
	height:16px;
	display:block;
	text-align:center;
	padding-top:2px;
	border-left:1px solid #012f70;

}

#snav a.sn2of{
	color:#FFFFFF;
	text-decoration : none;
	float: left;
	display:block;
	width:174px;
	height:16px;
	text-align:center;
	padding-top:2px;
	border-left:1px solid #012f70;
	border-right:1px solid #012f70;
}

#snav a.sn2of:hover, #snav a.sn2on{
	color:#003887;
	background-color:#FFFFFF;
	text-decoration : none;
	float:left;
	width:174px;
	height:16px;
	display:block;
	text-align:center;
	padding-top:2px;
	border-left:1px solid #012f70;
	border-right:1px solid #012f70;
}

#snav a.sn3of{
	color:#FFFFFF;
	text-decoration : none;
	float: left;
	width:176px;
	height:16px;
	display:block;
	text-align:center;
	padding-top:2px;
	border-right:1px solid #012f70;

}

#snav a.sn3of:hover, #snav a.sn3on{
	color:#003887;
	background-color:#FFFFFF;
	text-decoration : none;
	float:left;
	width:176px;
	height:16px;
	display:block;
	text-align:center;
	padding-top:2px;
	border-right:1px solid #012f70;

}





/*--------------*/
/* pages actu */
/*--------------*/
#actu_content{
	text-align:center;
	width:550px;
	height:100%;
	float:left;
	
/*
	background-image:url(../images/interieur/fond_contenu2.jpg);
	background-repeat : no-repeat;
	background-position : 0 0;
*/	

}

#actu_content h2{
	font-size: 18px;
	font-weight : bold;

}

 #actu_content h3{
	font-size: 13px;
	font-weight : normal;

}



#actu_content .titre{
	
	padding-right:30px;
	padding-left:20px;
	width:500px;
}


#actu_content .blocFiche1{
	padding :40px 0 0 130px;
	float:left;
	width:400px;
}

#actu_content .blocFiche2{
	padding-left :20px;
	padding-top:35px;
	float:left;
	width:530px;
	margin-bottom:20px;
}
#actu_content dl{
	float:left;
	text-align:left;
	width: 255px;
	height: 270px;
	padding: 10px 0 0 0px;
	background:url(../images/interieur/fd_actu.png) 0 0 no-repeat;
	_background: none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/marques/16/images/interieur/fd_actu.png", sizingMethod="scale");	

}

#actu_content dl .photoD{
	float: right;
	margin:0 20px 0px 10px;
}

#actu_content dl .photoG{
	float: left;
	margin:10px 0 0 10px;
}

#actu_content dl h4{
	width:230px;
	padding: 10px 15px 0 15px;
	color:#003887;
	font-weight : bold;
	font-size : 12px;
}

#actu_content dl h5{
	width:230px;
	padding: 0 15px 0 15px;
	font-weight : normal;
	font-size : 11px;
	margin-bottom:10px;
	color:#003887;

}

#actu_content dl p{
	
	padding: 0 15px 0 15px;
	font-weight : normal;
	font-size : 11px;
	line-height:12px;
}

#actu_content dl a{
	position:relative;
}

#actu_content dl img{
	position:relative;
}

/***********************************/
/********** COMMUNS : FICHES SELECTION ******/
/***********************************/


#editorial_gauche {
	float:left;
	width: 232px;
	height: 354px;
	padding: 0 0 0 0;
	/*	background:url(../images/produits/fond_selection.jpg) 0 0 no-repeat;*/
	
}

#interieur_gauche {
	float:left;
	width: 194px;
	height: 520px;
	background:url(../images/interieur/verre.jpg) 0 0 no-repeat;
	
	/*	background:url(../images/produits/fond_selection.jpg) 0 0 no-repeat;*/
	
}


#interieur_gauche .actu_selection{
	
	margin-left:30px;
	margin-top:300px;
	width: 128px;
	height: 153px;
	background:url(../images/interieur/carre_actu.png) 0 0 no-repeat;
	_background: none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/marques/16/images/interieur/carre_actu.png", sizingMethod="scale");
	
}
#interieur_gauche .actu_selection p{
	font-size:11px;
	width:114px;
	padding:15px 5px 0 10px;
	text-align:center;
}

#interieur_gauche .actu_selection a{
	color: #ba1205;
	position:relative;

}

/***********************************/
/********** PIEDS ******/
/***********************************/

#pied{
	clear: both;
	width:782px;
	height:20px;
	padding:5px 0 2px 0;
	text-align : justify;
	font-size:10px;
	
}
#pied h5{
	color:#002a7e;
	text-align:center;
	
}
#pied h5 a{
	color:#002a7e;
	font-weight:strong;
	font-size:11px;
}
#pied p{
	font-size:10px;
	color:#FFFFFF;
}
#pied p a{
	font-weight:normal;
	color:#FFFFFF;
	text-decoration:underline;
}