/* CSS Document */
body {
	margin: 0px;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	background:#e6e6e6;
}
/*-------------------------------- 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:#636363;
}
label{
	font-size:12px;
	color:#307db8;
}
a {
	text-decoration:none;
	color:#626694;
}
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:#fff;
} 
/*-------------------------   ENTETE   ----------------*/
#entete {
	background:url(../images/v1/banniere.jpg) no-repeat left;
	height:464px;
	position:relative;
	width:100%;
	float:left;
	margin:0 0 10px 0;
}
#entete p.logo a{
	float:left;
	position:absolute;
	top:0;
	left:0;
	z-index:99;
	width:238px;
	height:100px;
}
#entete h2.slogan{
	color:#fff;
	font-size:13px;
	font-weight:700;
	height:48px;
	line-height:48px;
	padding:0 0 0 20px;
	text-align:right;
	width:208px;
}
#global.interieur #entete h2.slogan{
	line-height:16px;
	padding:0 0 0 0;
	text-align:left;
	width:108px;
	margin:0;
	position:absolute;
	top:10px;
	left:30px;
}
#global #entete h2.slogan a{
	color:#fff;
}
#global.interieur #entete {
	background:url(../images/v1/banniere_interieur.jpg) no-repeat left;
	height:296px;
	margin:0 0 10px 0;
}
/*-------    entrée espace client   -------*/
#entete div.espace_client{
	position:absolute;
	top:10px;
	right:20px;
	width:162px;;
}
#entete div.espace_client h5{
	width:120px;
	color:#000;
	font-size:12px;
	font-weight:400;
	text-align:left;
}
#entete div.espace_client div{
	float:left;
	width:100%;
}
#entete div.espace_client input.normal{
	width:160px;
	margin:0 0 4px 0;
	background:#7c7c7c;
	border:1px solid #fff;
	height:16px;
	line-height:16px;
	color:#fff;
	text-indent:4px;
	font-size:12px;
}
#entete div.espace_client input.submit{
	float:right;
}
/*----------    menu de gauche  ----------*/
#entete  div.menu{
	float:left;
	width:246px;
	margin:0 0 0 0;
	margin-top:10px;
}

#entete  div.menu ul.menu1{
	margin:120px 0 0 0;
	float:left;
	width:100%;
}
#global.interieur #entete  div.menu ul.menu1{
	margin:108px 0 0 0;
}
#entete  div.menu ul.menu1 li{
	font-size:11px;
	text-align:left;
	background:url(../images/v1/puce_menu.png) no-repeat 226px center ;
	color:#fff;
	font-weight:400;
	border:1px solid #fff;
	border-width:0 0 1px 0;
	float:left;
	width:100%;
}
#entete  div.menu ul.menu1 li a{
	color:#fff;
	float:left;
	width:196px;
	height:24px;
	line-height:24px;
	padding:0 20px 0 30px;
}
#global.interieur #entete  div.menu ul.menu1 li a{
	height:22px;
	line-height:22px;
}
#entete  div.menu ul.menu1 li a:hover,
#entete  div.menu ul.menu1 h3.actif a{
	background:#fff;
	color:#000;
	filter:alpha(opacity=60);
	-moz-opacity:0.6;
	opacity: 0.6;
	text-decoration:none;
}
#entete  div.menu ul.menu1 li h3{
	font-weight:700;
	font-size:11px;
}


/*---- menu 2 --- */
#entete  div.menu ul.menu2{
	position:absolute;
	bottom:20px;
	left:10px;
}
#global.interieur #entete  div.menu ul.menu2{
	position:absolute;
	bottom:10px;
	left:10px;
}
#entete  div.menu ul.menu2 li{
	text-align:left;
	background:url(../images/v1/puce_menu.png) no-repeat 226px center ;
	color:#fff;
	font-weight:400;
	float:left;
	width:100%;
	margin:0 0 4px 0;
}
#entete  div.menu ul.menu2 li h3 a{
	color:#fff;
	float:left;
	width:146px;
	height:20px;
	line-height:20px;
	padding:0 10px;
	margin:0 20px;
	font-size:11px;
	background:#7c7c7c;
	border:1px solid #fff;
	font-weight:700;
}

/*-------   blocs CPT --------*/
#entete div.blocs_pct {

}
#entete div.blocs_pct  div.bloc1{
	position:absolute;
	top:295px;
	left:255px;
	width:220px;
	height:140px;
	padding:10px;
}
#entete div.blocs_pct  div.bloc2{
	position:absolute;
	top:295px;
	left:493px;
	width:220px;
	height:140px;
	padding:10px;
}
#entete div.blocs_pct  div.bloc3{
	position:absolute;
	top:295px;
	left:735px;
	width:220px;
	height:140px;
	padding:10px;
}
#entete div.blocs_pct  div a.zone{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}
#global.interieur #entete div.blocs_pct  div.bloc1{
	position:absolute;
	top:112px;
	right:353px;
	width:220px;
	height:140px;
	padding:10px;
}
#global.interieur #entete div.blocs_pct  div.bloc2{
	position:absolute;
	top:112px;
	right:353px;
	width:220px;
	height:140px;
	padding:10px;
}
#global.interieur #entete div.blocs_pct  div.bloc3{
	position:absolute;
	top:112px;
	right:353px;
	width:220px;
	height:140px;
	padding:10px;
}
#entete div.blocs_pct  div h4{
	font-size:17px;
	font-weight:400;
	color:#fff;
	width:100%;
	float:left;
}
#entete div.blocs_pct  div.bloc1 p.pct{
	color:#fff;
	width:120px;
	position:relative;
	top:75px;
	left:130px;
	font-size:12px;
}
#entete div.blocs_pct  div.bloc2 p.pct{
	color:#fff;
	width:120px;
	position:relative;
	top:55px;
	left:130px;
	font-size:12px;
}
#entete div.blocs_pct  div.bloc3 p.pct{
	color:#fff;
	width:120px;
	position:relative;
	top:55px;
	left:130px;
	font-size:12px;
}
#entete div.blocs_pct  div p.lien a{
	color:#fff;
	width:90px;
	position:absolute;
	bottom:6px;
	left:120px;
	text-align:center;
	padding:1px 4px;
	background:#7c7c7c url(../images/v1/puce_menu.png) no-repeat 86px center;
	border:1px solid #fff;
	font-size:10px;
}
#entete div.blocs_pct  div.bloc2 p.lien a{
	bottom:6px;
	left:122px;
}
#entete div.blocs_pct  div.bloc3 p.test {
	color:#fff;
	width:220px;
	position:absolute;
	bottom:4px;
	left:5px;
	text-align:left;
	padding:1px 4px;
	font-size:10px;
}
#entete div.blocs_pct  div.bloc2 p.test {
	color:#fff;
	width:220px;
	position:absolute;
	bottom:4px;
	left:5px;
	text-align:left;
	padding:1px 4px;
	font-size:10px;
}
p.etoile{
	position:absolute;
	bottom:0px;
	left:260px;
	color:#ffffff;
	font-weight:bold;
	font-size:10px;
}
p.etoile img{
	width:10px;
}
/*---------   colonne de gauche   -------*/
#colonne {
	float:left;
	width:235px;
	padding:0 0 0 10px;
}


/*------   bloc colonne de gauche   -------*/
#colonne div.box{
	float:left;
	width:215px;
	border:1px dotted #442e14;
	border-width:0 0 1px 0;
	padding:10px;
	position:relative;
}
#colonne div.box1{
	height:206px;
}
#colonne div.box2{
	border:none;
}
#colonne div.box h3{
	font-size:13px;
	font-weight:700;
	color:#2b3675;
	width:100%;
	float:left;
	margin:0 0 8px 0;
	background:url(../images/v1/puce2.png) no-repeat left center;
	text-indent:10px;
}
#colonne div.box p.lien{
	width:100%;
	float:left;
	margin:8px 0 0 0;
	font-weight:700;
}
#colonne div.box p.lien.lien_question a{
	position:absolute;
	bottom:16px;
	left:10px;
}
#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:45%;
}
#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:732px;
	padding:0 0 0 0px;
	border:1px dotted #442e14;
	border-width:0 0 0 1px;
}
#corps h1.titre_principal {
	font-size:22px;
	font-weight:400;
	color:#2b3675;
	margin:0px 0 0 20px;
	float:left;
	width:701px;
	border:1px solid #2b3675;
	border-width:0 0 1px 0;
}
#corps ul.titre_menu_principal {
	margin:0px 0 0 20px;
	float:left;
	width:701px;
	border:1px solid #2b3675;
	border-width:0 0 1px 0;
}
#corps ul.titre_menu_principal li{
	float:left;
	margin: 0 20px 0 0;
}
#corps ul.titre_menu_principal li h1{
	font-size:22px;
	font-weight:400;
	color:#2b3675;
	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/v1/puce2.png) no-repeat left center;
	padding:0 0 0 10px; 
	position:relative;
	top:4px;
}
#corps ul.titre_menu_principal li h2 a{
	color:#aaa;

}


/*-----------    BLOCS ACCES    -------------*/
#corps div.blocs_acces {
	width:701px;
	float:left;
	margin:0 0 0px 0;
	padding:10px 0 0px 20px;
	border:1px dotted #442e14;
	border-width:0 0 1px 0;
	height:216px;
	display:inline;
	
}
#global.interieur #corps div.blocs_acces {
	border:1px dotted #442e14;
	border-width:1px 0 0  0;
	height:126px;
}
#global.interieur #corps div.blocs_acces  div{
	height:116px;
}
#corps div.blocs_acces  div{
	float:left;
	margin:0 0 0 20px;
	width:160px;
	height:200px;
	position:relative;
}
#corps div.blocs_acces  div.bloc1{
	margin:0;
}
#corps div.blocs_acces  div h4{
	font-size:13px;
	font-weight:700;
	color:#2b3675;
	width:100%;
	float:left;
	margin:0 0 8px 0;
	background:url(../images/v1/puce2.png) no-repeat left center;
	text-indent:10px;
}
#corps div.blocs_acces  div h4 a{
	color:#2b3675;
}
#corps div.blocs_acces  div p{
	width:138px;
}
#corps div.blocs_acces  div p.illu img{
	border:1px solid #000;
}
#corps div.blocs_acces  div p.lien a{
	position:absolute;
	bottom:0px;
	left:0px;
	text-decoration:underline;
	font-weight:400;
	color:#626694;
}

/*---------    bloc texte   ------------*/
#corps div.texte  {	
	float:left;
	width:701px;
	padding:20px 0 20px 20px;
	position:relative;
}
#corps div.texte  p {	
	margin:0 0 10px 0;
}
#corps div.texte  h2 {	
	font-size:14px;
	font-weight:400;
	color:#2b3675;
	margin:30px 0 10px 0px;
	padding:0 0 0 12px;
	background:url(../images/v1/puce2.png) 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:#2b3675;
}

#corps div.texte  p.lien a {
	float:right;
	width:120px;
	height:28px;
	line-height:28px;
	text-align:center;
	color:#fff;
	background:url(../images/v1/fond_savoir_plus_1.jpg) no-repeat center center;
	margin:10px 0 0 0;
}
#corps div.texte  p.btn a {
	float:right;
	width:150px;
	height:28px;
	line-height:28px;
	text-align:center;
	color:#fff;
	background:#9e9e9e;
	margin:10px 0 0 0;
	font-weight:700;
}
/*-------- listes   ---------*/
#corps div.texte  dt {	
	font-weight:700;
	margin:14px  0 0 0;
	color:#636363;
	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:#636363;
	font-size:11px;
}


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

#corps div.texte  a.pdf {	
	background:url(../images/v1/pdf.jpg) no-repeat center left;
	padding:0 0 0 25px;
	
}
/*-----------------   formulaire    ------------------*/
#corps div.formulaire  {
	width:700px;
	margin:20px 0 20px 20px;
	float:left;
}
#corps div.formulaire  div{
	width:100%;
	margin:0 0 10px 0;
	float:left;
}
#corps div.formulaire  div p.label{
	width:150px;
	float:left;
	font-size:12px;
	font-weight:700;
	color:#2b3675;
}
#corps div.formulaire  div label{
	color:#636363;
}
#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;
}
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:670px;
	margin:0 0 30px 0;
	border:1px solid #ccc;
	padding:10px;
	background:#f3f3f2;
	border:1px solid #171715;
}
#corps div.produit p.illu{
	float:right;
	margin:0 0 0 20px;

}
#corps div.produit p {
	color:#000;
	font-size:12px;
}
/*---------------------------------------------- PIED -----------------------------------------*/
#global div#pied{
	clear:both;
	width:940px;
	padding:4px 0;
	margin:0px 20px 10px 20px;
	position:relative;
	height:50px;
	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;
}