/* CSS Document */
body {
	margin: 0px;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	background:#fff;
}
/*-------------------------------- general au site -----------------------------*/
p,ul,li,h1,h2,h3,h4,h5,h6,dd,dt,ol,dl,div,form {
	margin:0;
	padding:0;
}
a img  {
	border:none;
}
table{
	border-collapse:collapse;
}
ul {
	list-style-type:none;
}
p{
	font-size:11px;
	color:#7d613e;
}
label{
	font-size:12px;
	color:#307db8;
}
a {
	text-decoration:none;
	color:#442e14;
}
a:active, a:focus,submit:active{
   outline:none;
}
a:hover{
	text-decoration:underline;
}
/*---------------------------------------------- GLOBAL -----------------------------------------*/
#global{
	position:relative;
	width:980px;
	padding:0;
	margin:0 auto;
	background:#efe8df;
} 

#entete {
	height:318px;
	position:relative;
	width:100%;
	float:left;
	margin:0 0 10px 0;
}
#entete div.haut {
	background:#442e14;
	height:48px;
}
#entete div.haut h2{
	color:#fff;
	font-size:13px;
	font-weight:400;
	height:48px;
	line-height:48px;
	padding:0 0 0 20px;
}
#entete div.haut  h2 a{
	color:#fff;

}
#entete div.haut h2 span{
	color:#eed699;
	font-size:13px;
	font-weight:700;
}
#entete div.espace_client{
	position:absolute;
	top:15px;
	right:0px;
	width:350px;
}
#entete div.espace_client h5{
	width:120px;
	color:#fff;
	font-size:11px;
	font-weight:400;
	text-align:center;
	height:32px;
	line-height:32px;
	background:url(../images/v2/fond_espace_client.jpg) no-repeat center top;
	float:right;
}
#entete div.espace_client div{
	float:left;
}
#entete div.espace_client div input.normal{
	width:100px;
	margin:0 4px 0 0;
}

/*---------   colonne de gauche   -------*/
#colonne {
	float:left;
	width:146px;
	padding:0 10px;
}

/*----------    menu de gauche  ----------*/
#colonne  div.menu{
	float:left;
	width:100%;
	margin:0 0 10px 0;
}
#colonne  div.menu ul{
	
}
#colonne  div.menu ul li{
	font-size:12px;
	text-align:right;
	background:url(../images/v2/puce_menu.jpg) no-repeat center right;
	padding:0 12px 0 0;
	color:#903914;
	margin:0 0 16px 0;
	font-weight:400;
}
#colonne  div.menu ul li h3{
	font-weight:400;
	font-size:12px;
}
#colonne  div.menu ul h3.actif{
	font-weight:700;
}


/*------   bloc colonne de gauche   -------*/
#colonne div.box{
	float:left;
	width:100%;
	border:1px dotted #442e14;
	border-width:1px 0 0 0;
	padding:10px 0;
}
#colonne div.box h3{
	font-size:13px;
	font-weight:700;
	color:#442e14;
	width:100%;
	float:left;
	margin:0 0 8px 0;
}
#colonne div.box p.lien{
	width:100%;
	float:left;
	margin:8px 0 0 0;
	font-weight:700;
}
#colonne div.box p.lien a{
	text-decoration:underline;
}
#colonne div.box p.illu {
	margin:0 0 6px 0;
}
#colonne div.box p.illu img{
	border:1px solid #000;
}

#colonne div.box div.logos {
	float:left;
	width:100%;
	margin:10px 0 0 0;
}
#colonne div.box div.logos  p{
	float:left;
	width:50%;
}
#colonne div.box div.logos  p a{
	font-weight:700;
	text-decoration:underline;
	float:left;
	margin:10px 0 0 0;
}

/*----------------------    CONTENU DU SITE    --------------------------*/
#corps {
	float:left;
	width:773px;
	padding:0 0 0 20px;
	border:1px dotted #442e14;
	border-width:0 0 0 1px;
}
#corps h1.titre_principal{
	float:left;
	width:100%;
	border:1px dotted #442e14;
	border-width:0 0 1px 0;
	font-size:20px;
	letter-spacing:-1px;
	font-weight:400;
	color:#442e14;
	padding:0 0 10px 0;
}
#corps h1.titre_principal span{
	font-size:14px;
	font-weight:400;
	letter-spacing:1px;
}

#corps ul.titre_menu_principal {
	float:left;
	width:100%;
	border:1px dotted #442e14;
	border-width:0 0 1px 0;
	padding:0 0 10px 0;
}
#corps ul.titre_menu_principal li{
	float:left;
	margin: 0 20px 0 0;
}
#corps ul.titre_menu_principal li h1{
	font-size:20px;
	letter-spacing:-1px;
	font-weight:400;
	color:#442e14;
	height:24px;
	line-height:24px;
}
#corps ul.titre_menu_principal li h2{
	font-size:12px;
	font-weight:400;
	color:#ccc;
	height:24px;
	line-height:22px;
	background:url(../images/v2/puce_menu.jpg) no-repeat left center;
	padding:0 0 0 10px; 
	position:relative;
	top:4px;
}
#corps ul.titre_menu_principal li h2 a{
	color:#aaa;

}


#corps div.blocs_pct {
	width:100%;
	float:left;
	margin:0 0 10px 0;
	padding:10px 0;
	border:1px dotted #442e14;
	border-width:0 0 1px 0;
}
#corps div.blocs_pct  div{
	position:relative;
	height:143px;
	float:left;
	padding:0 0 0 0;
	border-width:0 0 0 1px;
}
#corps div.blocs_pct  div.bloc1{
	width:210px; 
	margin:0 50px 0 0;
	padding:0;
	background:url(../images/v2/fond_bloc_pct.jpg) no-repeat top right;
}
#corps div.blocs_pct  div.bloc2{
	width:210px; 
	margin:0 50px 0 0;
	padding:0;
	background:url(../images/v2/fond_bloc_pct.jpg) no-repeat top right;
}
#corps div.blocs_pct  div.bloc3{
	width:210px; 
	padding:0;
	background:url(../images/v2/fond_bloc_pct.jpg) no-repeat top right;
}
#corps div.blocs_pct  div h4{
	font-size:14px;
	font-weight:400;
	color:#442e14;
	width:100%;
	float:left;
	margin:0 0 10px 0;
}
#corps div.blocs_pct  div h4 strong{
	font-weight:700;
}
#corps div.blocs_pct  div p.pct {
	float:left;
}
#corps div.blocs_pct  div p.pct img{
	float:left;
}
#corps div.blocs_pct  div.bloc3  p.pct span.legende {
	width:150px;
	font-size:12px;
	position:absolute;
	bottom:30px;
	right:-70px;
}
#corps div.blocs_pct  div.bloc2  p.pct span.legende {
	width:170px;
	font-size:12px;
	position:absolute;
	bottom:30px;
	right:-90px;
}
#corps div.blocs_pct  div.bloc1 p.pct span.legende {
	width:150px;
	font-size:12px;
	position:absolute;
	bottom:30px;
	right:-70px;
}
#corps div.blocs_pct  div p.lien a{
	position:absolute;
	bottom:0;
	right:-3px;
	width:120px;
	height:28px;
	line-height:28px;
	text-align:center;
	color:#fff;
	background:url(../images/v2/fond_savoir_plus_1.jpg) no-repeat center center;
}
#corps div.blocs_pct  div.bloc3 p.lien a{
	position:absolute;
	bottom:0;
	right:0;
	width:120px;
	height:28px;
	line-height:28px;
	text-align:center;
	color:#fff;
	background:url(../images/v2/fond_savoir_plus_1.jpg) no-repeat center center;
}
#corps div.blocs_pct div.separateur{
	border:1px dotted #442e14;
	border-width:0 1px 0 0;
	width:5px;
	margin-left:-20px;
}
#corps div.blocs_pct  div.bloc3 p.test{
	position:absolute;
	bottom:0px;
	left:0px;
	text-align:left;
	font-size:10px;
}
#corps div.blocs_pct  div.bloc2 p.test{
	position:absolute;
	bottom:0px;
	left:0px;
	text-align:left;
	font-size:10px;
}
p.etoile{
	float:left;
	width:100%;
	font-size:10px;
	margin-top:-5px;
}
p.etoile img{
	width:10px;
}
/*-----------    BLOCS ACCES    -------------*/
#corps div.blocs_acces {
	width:100%;
	float:left;
	margin:0 0 10px 0;
	padding:10px 0 20px 0;
	border:1px dotted #442e14;
	border-width:0 0 1px 0;
}
#corps div.blocs_acces  div{
	float:left;
	margin:0 0 0 10px;
	padding:10px;
	background:url(../images/v2/fond_bloc_acces.jpg) no-repeat top left;
	width:165px;
	display:inline;
	height:147px;
	position:relative;
}
#global.interieur #corps div.blocs_acces {
	border-width:1px 0 0 0;
}
#corps div.blocs_acces  div.bloc1{
	margin:0;
}
#corps div.blocs_acces  div h4{
	font-size:16px;
	font-weight:700;
	color:#fff;
	width:100%;
	float:left;
	margin:0 0 30px 10px;
}
#corps div.blocs_acces  div p{
	font-size:12px;
}
#corps div.blocs_acces  div p.lien a{
	position:absolute;
	bottom:10px;
	right:10px;
	text-decoration:underline;
	font-weight:700;
}

/*---------    bloc texte   ------------*/
#corps div.texte  {	
	float:left;
	width:721px;
	padding:20px 0 20px 0px;
	position:relative;
}
#corps div.texte  p {	
	margin:0 0 10px 0;
}
#corps div.texte  h2 {	
	font-size:14px;
	font-weight:400;
	color:#442d13;
	margin:30px 0 10px 0px;
	padding:0 0 0 12px;
	background:url(../images/v2/puce_menu.jpg) no-repeat left center;
}
#corps div.texte  h2.accueil {	
	font-weight:700;
	margin:0px 0 10px 0px;
	padding:0 0 0 12px;
}
#corps div.texte  p img.illu {	
	float:left;
	margin:0 10px 10px 0;
	border:1px solid #000;
}
#corps div.texte  p img.illu.ss_border{	
	border:none;
}
#corps div.texte  p.resum {	
	font-weight:700;
	margin:0 0 14px 0;
	color:#442d13;
}
#corps div.texte  p.resum a {	
	text-decoration:underline;
}
#corps div.texte  p.lien a {
	float:right;
	width:120px;
	height:28px;
	line-height:28px;
	text-align:center;
	color:#fff;
	background:url(../images/v2/fond_savoir_plus_1.jpg) no-repeat center center;
	margin:10px 0 0 0;
}


/*-------- listes   ---------*/
#corps div.texte  dt {	
	font-weight:700;
	margin:14px  0 0 0;
	color:#442c12;
	font-size:12px;
}
#corps div.texte  ul {	
	list-style-type:square;
	list-style-position:inside;
	margin:10px 0 0 0;
}
#corps div.texte  ul li{	
	font-weight:400;
	margin:0 0 6px 0;
	color:#7d613e;
	font-size:11px;
}

#corps div.texte  div.double_illu{	
	width:100%;
	float:left;
}
#corps div.texte  div.double_illu p{	
	width:350px;
	float:left;
	margin:0  10px 0 0;
}

#corps div.texte  a.pdf {	
	background:url(../images/v2/pdf.jpg) no-repeat center left;
	padding:0 0 0 25px;
	
}
/*-----------------   formulaire    ------------------*/
#corps div.formulaire  {
	width:700px;
	margin:20px 0 20px 0px;
	float:left;
}
#corps div.formulaire  div{
	width:100%;
	margin:0 0 10px 0;
	float:left;
}
#corps div.formulaire  div label{
	color:#7d613e;
}
#corps div.formulaire  div p.label{
	width:150px;
	float:left;
	font-size:12px;
	font-weight:700;
}
#corps div.formulaire  div p select{
	width:150px;
	text-align:left;
}
#corps div.formulaire  div p select option{
	text-align:left;
}
#corps div.formulaire  div p input.grand{
	width:450px;
}
#corps div.formulaire  div p input.normal{
	width:300px;
}
#corps div.formulaire  div p textarea.grand{
	width:450px;
	height:300px;
}
#corps div.formulaire  div p select.dept option{
	text-align:left;
}
#corps div.formulaire  div p select.dept {
	width:250px;
	text-align:left;
}

div.mess {
	background:#d6d6d6;
	margin:20px 0 20px 20px;
	padding:10px 5%;
	float:left;
	width:70%;
}
div.mess  p,
div.mess  ul  li,
div.mess  dt{
	font-size:12px;
	color:#324b85;
}
div.mess  dt{
	font-weight:700;
	margin:10px 0 0 0;
}
div.mess  ul{
	list-style-type:square;
	list-style-position:inside;
}
#corps div.produit {
	float:left;
	width:740px;
	margin:0 0 30px 0;
	border:1px solid #ccc;
	padding:10px;
	background:#efd9b7;
	border:1px solid #171715;
}
#corps div.produit p.illu{
	float:right;
	margin:0 0 0 20px;

}
#corps div.produit p {
	color:#443014;
	font-size:12px;
}
/*---------------------------------------------- PIED -----------------------------------------*/
#global div#pied{
	clear:both;
	width:98%;
	padding:4px 0;
	position:relative;
	height:50px;
	margin:20px 1% 0 1%;
	border:1px dotted #442e14;
	border-width:1px 0 0 0;
}
#global div#pied p{
	padding:0 0 20px 10px;
}
#global div#pied h3.signature{
	font-size:9px;
	font-weight:400;
	color:#fff;
	position:absolute;
	bottom:4px;
	right:10px;
}
#global div#pied h3.signature a{
	font-size:9px;
}