/*normalisation*/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td {margin: 0;padding: 0;}
h1, h2, h3, h4, h5, h6 {font-size: 100%;}
ol,ul{list-style:none;}
address, caption, cite, code, dfn, em, strong, th, var{font-style:normal;font-weight:normal;}
table{border-collapse:collapse;border-spacing:0;}
fieldset, img{border:0;}
caption,th{text-align:left;}
q:before,q:after{content:'';}
/*centrage de la fenetre - positionnement*/
html{text-align:center;background-color:#F0F2F1}
body{position:relative;width:1003px; margin: 0 auto; text-align:left;font-family:Verdana, Arial, Helvetica, sans-serif;font-size:75%;background-color:#ffffff}

sup{font-size:0.8em}


/* Sample 8*/

#cont{position:relative;text-align:center;margin:20px 0px 10px 0px}
#box8{
	position:absolute;
}
#box8 div{
	width:1003px;
	float:left;
}
#box8 .buttons{
	text-align:left
}
#box8 .next{
	float:right
}
.sample8 .buttons{
	text-align:center;
	clear:both;
}

.sample8 .mask1{
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
}


/* ********************************** */


.mask1{
	position:relative;
	width:1003px;
	height:374px;
	overflow:hidden;
}



p#handles8 {margin:20px;padding:0px;margin-left:450px;}
p#handles8 span{display:block;float:left;margin-left:10px;background:url('../images/rond_blanc.png') no-repeat;border:1px;width:20px; height:20px; cursor:pointer}
p#handles8 span.active{background:url('../images/rond_vert.png') no-repeat;}

#retour_accueil{position:absolute;top:20px;left:30px;font-size:1.1em;color:#B10065;}
#retour_accueil a{color:#B10065;text-decoration:underline;}
a{text-decoration:none}
a:hover{text-decoration:underline}

table{width:100%;margin:10px 0 20px 0}
td, th{border:1px solid #B35FA6;padding:4px;text-align:center}
th{background-color:#CD9AC2;color:#FFFFFF;font-weight:bold}

strong{font-weight:bold;}
h1, h2, h3, h4, h5,h6{clear:both}

a#print{position:absolute;left:430px;top:5px}
div#content p#construction{text-align:center;color:#B8CE2E;font-weight:bold;margin-top:50px}


a#zoom{display:block;width:400px;height:40px;margin:30px 0 0 30px;text-align:left;padding-top:240px;padding-left:20px;}
/*TEMPLATE*/
div#header{width:1003px;height:86px;background:url('../images/head.gif') no-repeat;}
div#header h1 {position:absolute;left:520px;top:15px; height:60px;width:450px;}
div#header h1 a{display:block;height:60px;width:450px;}

div#header h2 {position:absolute;left:0px; top:0px;height:86px;width:200px;}
div#header h2 a{display:block;height:86px;width:200px;}

ul#menusub {position:absolute;left:240px;top:40px}
ul#menusub li{float:left}

div#menu {position:relative;background:url('../images/menu.jpg') no-repeat right top;height:25px;position:relative;z-index:10;}

div#content_accueil{width:1003px;z-index:9;}
div#content_accueil div#col_left{width:500px; height:242px;background:url('../images/home_content.jpg') no-repeat;float:left;padding:185px 15px 0 30px;position:relative;font-size:0.9em;text-align:justify;color:#33536A}
div#content_accueil div#col_right{width:458px; height:427px;background:url('../images/home_plan.jpg') no-repeat;float:left;}
div#news{position:absolute;left:30px;top:315px;width:340px;text-align:left;font-size:0.9em}
div#news ul li{list-style:disc outside;color:#B10065;margin-left:20px;margin-top:5px;}
div#news a{color:#B10065}

div#content_accueil div#abo{position:absolute;left:440px;top:310px;width:130px}



div#colwrap{width:1003px;z-index:9;}
div#colwrap div#col_left{width:263px; height:227px;background:url('../images/page_images_fond.jpg') no-repeat;float:left;position:relative;font-size:0.9em;text-align:justify;color:#33536A;text-align:left;padding:200px 0 0 30px}
div#colwrap div#col_left img{margin:3px 2px 3px 3px}

div#colwrap div#col_right{width:710px; height:427px;background:url('../images/page_content.jpg') no-repeat;float:left;position:relative;}
div#colwrap div#content{width:475px; height:350px;position:relative;margin:10px 0 0 15px;overflow:auto;font-size:0.9em;text-align:justify;color:#33536A;padding-right:10px}


div#abo{position:absolute;left:552px;top:249px;width:130px;}
div#abo input {margin-top:5px;width:100px;float:left;font-size:0.9em;height:15px}
div#abo input#btn {margin-right:0px;width:25px;float:right;height:19px;border:none;background:#2E4E63;color:#FFFFFF;font-weight:bold;padding:0}


/*PAGE TYPE*/
div#content h2{font-size:1.2em;letter-spacing:3px; margin-top:10px;margin-bottom:20px;text-align:left }
div#content a{color:#33536A}
div#content h3{margin:30px 0px 10px 0px;font-size:13px;border-bottom:1px solid #DC5EA1;color:#DC5EA1}

div.box h4, div#content h4{}
div.box p, div#content p{margin:0px 0px 10px 0px}
div.box span, div#content span{color:#DC5EA1;font-weight:bold}
div.box em, div#content em{font-style:italic}

div.box img, div#content div#texte img{margin-bottom:10px;}

div#content ul {margin:5px 0 15px 20px}
div#content ul li{list-style:square outside;margin-bottom:5px;}

div#content ul li ul li{list-style:disc outside;margin-bottom:5px;color:#DC5EA1}
div#content ul li ul li a{color:#DC5EA1}

div#content ul.floated {margin-left:10px}
div#content ul.floated li{float:left;margin-right:10px;list-style:none}

div#content ol {margin-left:10px;}
div#content ol li{color:#B35FA6;font-weight:bold;margin-bottom:10px;}

div#content ol li ul li{color:#003888;font-weight:normal;margin:0px 0px 5px 10px;list-style:disc outside}

div#content ol li ul li ul li{list-style:none}



div#content ul.normal {margin-left:10px;margin-top:15px}
div#content ul.normal li{margin-right:10px;margin-bottom:12px;list-style:none;background:url('../images/puce_spec.jpg') no-repeat;background-position:left center;padding-left:25px}
div#content ul.normal li strong{clear:both;display:block;margin-right:5px}
div#content ul.normal li span{color:#003888;font-weight:normal}

div#content ul#support li{float:left;margin-right:10px;margin-bottom:15px;list-style:none;background:none;background-position:left center;padding:5px;text-align:center}
div#content ul#support li img{padding:5px;border:1px solid #B35FA6;margin-bottom:5px;}
div#content ul#support li em{display:block;font-style:normal;color:#003888}

div#content ul#images li{float:left;margin-right:5px;margin-bottom:15px;list-style:none;background:none;background-position:left center;padding:5px;text-align:center}
div#content ul#images li img{padding:5px;border:1px solid #B35FA6;margin-bottom:5px;}
div#content ul#images li em{display:block;font-style:normal;color:#003888}

div#content ul#depliant li{width:100px;float:left;margin-right:5px;margin-bottom:15px;list-style:none;background:none;background-position:left center;text-align:center}
div#content ul#depliant li img{padding:5px;border:1px solid #B35FA6;margin-bottom:5px;}
div#content ul#depliant li em{display:block;font-style:normal;color:#003888}

div#content ul#photos li{height:170px;float:left;margin-right:5px;margin-bottom:15px;list-style:none;background:none;background-position:left center;padding:5px;text-align:center}
div#content ul#photos li img{padding:5px;border:1px solid #B35FA6;margin-bottom:5px;}
div#content ul#photos li em{display:block;font-style:normal;color:#003888}

div#col_left input#btn {margin-right:0px;width:25px;float:right;height:19px;border:none;background:#2E4E63;color:#FFFFFF;font-weight:bold;padding:0;font-size:1em;}
p#msg_error{color:#B10065;margin-top:13px;font-size:0.8em}

div.box ol li{color:#003888;margin-bottom:10px;margin-left:30px;font-size:11px;background:url('../images/puce_spec.jpg') no-repeat;background-position:left center;list-style:decimal outside;padding-left:25px}

div#content ul#alertes li{background:none;}

input.align {position:absolute; left:130px;background:#FFF;}
input:focus {background:#EEE;}
div#content p.fixe{width:200px;float:left}
div#content p.titre{font-weight:bold;color:#B35FA6;margin-top:20px}

div#content ul#plan {margin:20px 0 0 70px}
div#content ul#plan li{color:#B35FA6;background:url('../images/puce_spec.jpg') no-repeat;background-position:left top;padding-left:25px;list-style:none;margin-bottom:15px;}
div#content ul#plan li ul li{background:none;list-style:square outside;padding-left:5px;margin-bottom:5px;}
div#content ul#plan li a{color:#B35FA6;font-weight:bold}
div#content ul#plan li ul li a{color:#003888;font-weight:normal}

div#content p.question{color:#666666;margin-top:5px;margin-left:20px;}
div#content p.question a{color:#B35FA6;}
div#content ul.reponse{margin-left:25px;}

.faq h4{margin-bottom:10px;margin-top:20px;color:#AECE76;font-size:13px;}
.faq h5{margin-top:20px;color:#003888;margin-bottom:10px}

.subreponse{display:none;}
div#content .faq .reponse{display:block;margin-left:20px;}

/*FOOTER*/
div#footer{width:1003px; height:57px;background:url('../images/foot.jpg') no-repeat;clear:both}
div#footer div#nav_sub{float:left;}
div#footer div#partenaires{float:right;margin-right:20px}

div#footer div#nav_sub ul{margin:30px 15px 0 30px;float:left;}

div#footer ul {margin:10px 0px 0 80px;float:left;}
div#footer  ul li{margin: 0px 0px 0 15px;float:left;font-size:10px;color:#666666;}
div#footer  ul li a{font-size:10px;color:#666666;}
div#footer div#nav_sub ul li{margin: 0px 2px 0 0px;}
div#footer p{float:left;margin:5px 0 0 0}

/*div#footer div#partenaires ul li{border:1px dashed #999999}*/



/*navigation secondaire*/


/*CLEARFIX*/
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


/*MENU*/


/* Niveau 1, 2 et 3 affiché */

/*div#menu a{color:#DC5EA1;text-decoration:none;}*/
div#menu a{color:#33536A;text-decoration:none;}
div#menu ul {padding:0px 0 0 0px;height:auto;}
div#menu ul li{margin-right:1px;float:left;width:auto;color:#ffffff;font-size:0.9em}
div#menu ul li a:hover{color:#FFFFFF;}

div#menu ul li a{display:block;text-align:center;font-weight:bold}
div#menu ul li ul {margin:0;padding:0px 0px 13px 0px;}

/*div#menu ul li ul li{margin:0;clear:left;padding:8px 5px 0px 5px;  position:relative !important;  height:100% !important;background:url('../images/pix2.png') repeat center bottom;
}*/

div#menu ul li ul li{margin:0;clear:left;padding:8px 5px 0px 5px;  position:relative !important;  height:100% !important;background-color:#E5BCCF}

div#menu ul li ul li a{line-height:1.1;display:block;height:auto;width:auto;text-align:left;font-size:10px;padding:0;font-weight:normal}




li#navsub1 ul li {width:216px;}
li#navsub2 ul li {width:133px;}
li#navsub3 ul li {width:150px;}
li#navsub4 ul li {width:120px;}
li#navsub5 ul li {width:137px;}

li#navsub1 ul {width:226px;background:url('../images/coin_nav_main1.png') no-repeat center bottom;left:30px}
li#navsub2 ul {width:143px;left:-1px;;background:url('../images/coin_nav_main2.png') no-repeat center bottom;}
li#navsub3 ul {width:160px;left:-1px;background:url('../images/coin_nav_main3.png') no-repeat center bottom;}
li#navsub4 ul {width:130px;left:-1px;background:url('../images/coin_nav_main4.png') no-repeat center bottom;}
li#navsub5 ul {width:147px;left:-1px;background:url('../images/coin_nav_main5.png') no-repeat center bottom;}


.withjavascript .submenu ul,
.withjavascript .encourt .submenu ul,
.withjavascript .encourt .encourt .submenu ul{
	position:absolute;
	top:-300em;
	width:0px;
	height:0px;
	margin:0px;
}
.withjavascript ul li.encourt{
	position:relative;}

.withjavascript .encourt ul,
.withjavascript .encourt .encourt ul,
.withjavascript .encourt .encourt .encourt ul{
	top:25px;
	height:auto;
	z-index:50;
}

.withjavascript .encourt .encourt ul,
.withjavascript .encourt .encourt .encourt ul{
	z-index:70;
}

.withjavascript .encourt ul li,
.withjavascript .encourt .encourt ul li,
.withjavascript .encourt .encourt .encourt ul li{
	width:auto;
}






/*LIGHTBOX*/
/*FORMULAIRE UPLOAD*/

#filter
{
	display: none;
	position: absolute;
	top: 0%;
	left: 0%;
	width: 1003px;
	height: 595px;
	background-color: #000;
	filter: alpha(opacity=60);
	z-index:10;
	opacity:0.6;
}


.box 
{
	display: none;
	position: absolute;
	top: 87px;
	left: 0px;
	width: 620px;
	height: 406px;
	padding-bottom:30px;
	margin:0;
	background-color: white;
	z-index:101;
	overflow: auto;
	padding-right:10px;padding-left:10px
}

#boxtitle
{
	position:relative;
	float:left;
	top:0;
	left:0;
	width:530px;
	height:20px;
	padding:0;
	padding-top:4px;
	margin:0;
	background-color: #9F067D;
	color:white;
	text-align:center;
	font-weight:bold;
	margin-left:-10px
}

.box h2{margin:40px 10px 10px ;font-size:11px;color:#003888;text-align:justify}
.box h3{font-size:10px;color:#9F067D;margin:2px 10px 10px ;text-align:justify}
.box p{margin:5px 10px 5px 10px;font-size:11px;color:#003888;text-align:justify}
div#content ul#photos_list li{width:32%;margin-right:5px}