/*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;font-size: 100%;}
h1, h2, h3, h4, h5, h6 {font-size: 100%;}
ol,ul{list-style:none}
address, caption, cite, code, dfn, th, var{font-style:normal;font-weight:normal;}
abbr{margin:0;padding:0;text-decoration:none;border:none}
table{border-collapse:collapse;border-spacing:0;}
fieldset, img{border:0;}
caption,th{text-align:left;}
q:before,q:after{content:'';}

div#map{height:300px;width:435px;margin:10px 0 10px 0px;border:1px solid #666}

img.bg {
        /* Set rules to fill background */
        min-height: 100%;
        min-width: 1024px;

        /* Set up proportionate scaling */
        width: 100%;
        height: 105%;

        /* Set up positioning */
        position: absolute;
        top: 0;
        left: 0;
}

@media screen and (max-width: 1024px) { /* Specific to this particular image */
        img.bg {
                left: 50%;
                margin-left: -512px;   /* 50% */
        }
}

/*TEMPLATE*/
html{text-align:center;background-color:#333340}
body{position:relative;width:100%; text-align:center;font-family:Arial, Helvetica, sans-serif;font-size:75%;color:#000000;background-color: #333340;background-image: url("../images/tramefond.png");background-position:0px 330px;background-repeat:repeat-x}

div.blank{position:absolute;left:0px;top:0px;;width:100%; background-color:#FFF;height:330px;}

div.wrapper{position:relative;width:970px; margin: 0 auto; text-align:left;padding:10px 15px}

div#header{width:318px;height:638px;position:relative;padding-top:53px;margin-left:10px;float:left;margin-right:26px;color:#215492;}

h1{position:absolute;top:0px;left:50px;z-index:20}
p#nav_main {position:absolute;top:20px;right:40px;font-size:100%;padding:15px;background-color:#FFF;z-index:21;border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;}
p#nav_main a {color:#333340;}
p#nav_main a:hover {text-decoration:underline}
p#nav_main a.active, p#nav_foot a.active {text-decoration:underline;font-weight:bold}

p#nav_foot{color:#FFF}
p#nav_foot a{color:#FFF}

div.section div.article{position:relative;margin-top:20px;}
div.section div.section_top{position:relative;color:#0D150D;height:230px;margin-top:100px}
div.article p,div.article ul li{text-align:justify}
div.section div.article ul li{list-style:disc outside;margin-left:20px;margin-bottom:5px;}

div.section  a{font-weight:bold;color:#FFF;text-decoration:underline}
div.section  h2{font-size:2.6em;margin-bottom:4px;font-weight:bold}
div.section h3 { font-size:1.2em;margin-bottom:6px;}

div.section div.article ul.fichiers{list-style:none;margin:5px;}
div.section div.article ul.fichiers li{list-style:none;marign:5px;padding:12px 0px 12px 55px;background:url('../images/logo_pdf.png') no-repeat}

.mask{
	position:relative;
	width:970px;
	height:780px;
	overflow:hidden;
}
#box{
	position:absolute;
width:5000px}
div.section{
	width:970px;
	float:left;
	color:#FFF;
	overflow:hidden;
}
#box .buttons{
	text-align:left
}
#box .next{
	float:right
}

.films_ref {float:left;margin:15px 25px}
.films_ref img {height:80px}
h2{margin:0px;font-size:1.8em;}

h3{margin:0px;font-size:100%;}

p{margin:0px 0px 8px 0px;font-size:100%;}

a{text-decoration:none;}

cite{text-align:justify;margin-bottom:7px}

em{font-style:italic}
strong{font-weight:bold}
legend{text-indent:-999em}
caption {text-indent:-999em}

table {}
table tr td{padding:2px;text-align:center}
table tr th{color:#000000;background-color:#FFF;}

/****************CONTACT****************************************************************************/

div#section div#contact p.submit_form input{ float:none;width:auto;text-align:left;font-variant:small-caps;font-size:1.4em;color:#fff;font-weight:bold;padding:0px 5px 3px 5px;-moz-border-radius:5px;background-color:#cc0000;border:none}

div#contact h3{margin-bottom:0px;color:#cc0000}
div#contact p {clear:both;position:relative}
div#contact p label{display:block;float:left;width:100px;margin-right:10px;}
div#contact p input{float:left;width:180px;margin-right:2px;}
div#contact p textarea{float:left;width:280px;margin-right:10px;margin-bottom:4px;height:94px;}

div#contact p.submit_form {float:none;float:right;margin-right:35px;}
div#contact p.submit_form input{ width:auto;text-align:left;font-variant:small-caps;font-size:1.4em;color:#333;font-weight:bold;padding:3px 5px 3px 5px;-moz-border-radius:5px;-webkit-border-radius:5px;background-color:#FFF;border:1px solid #333}

/***********************STRUCTURE**********************************************************************/


div#footer {color:#FFF;padding:7px 0px 7px 7px;}

div.menu-accessibilite ul{margin:2px 0px 0px 2px;color:#456E9C}
div.menu-accessibilite {height:18px;}
div.menu-accessibilite ul li{float:left;padding:0px 5px;border-right:1px solid}
div.menu-accessibilite  ul li:last-child{border-right:none}
div.menu-accessibilite ul li a{color:#456E9C}


/****************HEADER**************************************************************************/

div#header #logo{position:absolute;left:0px;top:0px}
div#inner-header{background-color:#FFF;padding-top:80px;text-align:center;height:230px;}
div#inner-header2{background:url('../images/carte.png') no-repeat;width:318px;height:378px;text-align:center;position:relative}

/****************NAV_MAIN****************************************************************************/
div#nav_main ul  {position:relative;min-height:16px;overflow:hidden}
div#nav_main ul li{float:left;color:#fff;margin-right:2px;font-variant: small-caps;font-weight:bold;border-right:solid 1px #FFF}
div#nav_main ul li:last-child{margin-right:0px;border-right:none}
div#nav_main ul li:last-child a{padding-right:0px;}

div#nav_main ul li a{display:block;color:#fff;padding:0px 22px 0px 22px;font-size:1.1em;}
div#nav_main ul li a:hover{color:#FED118;}

div#nav_main ul li.actif{color:#FFF}
div#nav_main ul li.actif a{color:#FFF}
div#nav_main ul li a.actif{color:#FED118;}



/****************SECTION**************************************************************************/


/******accueil*******/

div#section div.article div.slide{float:left;height:190px;position:relative;width:510px}
div#section div.article div.slide div.inner-slide img {border:5px solid #FFF;height:180px;margin:0px;position:absolute;}
div#section div.article div.slide div.inner-slide2{margin:0px 0px 5px 260px;padding:5px;background-color:#FFF;-moz-box-shadow: 2px 6px 12px #000;-webkit-box-shadow: 2px 6px 12px #000;
height:160px}


div#section div.slide_fix{float:left;position:relative;width:152px;margin-right:10px;text-align:center;background-color:#fff;padding:4px;text-align:center;-moz-border-radius:5px;-webkit-border-radius:5px;height:141px}
div#section div.slide_fix h3{color:#333;font-size:1em}
div#section div.slide_fix img{width:146px;height:110px;margin:0px 0px 8px 0px;}


div#section div.slide_fix p.prix {margin:5px 0px 5px 0px;}
div#section div.slide_fix span{padding:3px;border:0px solid #fff;background-color:#FED118;position:absolute;left:6px;top:4px}
div#section div.slide_fix p.prix span.lien{padding:3px 0px 3px 20px;border:none;display:inline;background-color:#fff;background-position:center left}


div#section  p.prix {margin:20px 0px 10px 0px;}
div#section  p.prix span{padding:5px;border:1px solid #E31A11;background-color:#FED118;margin-right:10px;}
div#section  p.prix span.lien{padding:5px 5px 5px 20px;border:1px solid #215492;display:inline;background:url('../images/content_fiche.jpg') no-repeat;background-position:center left}



div#section #select_ventes label {display:block;font-size:1.2em;font-variant:small-caps;font-weight:bold}
div#section #select_ventes p {float:left;margin-right:36px;text-align:center}
div#section p.submit_form {float:none;float:right;}
div#section p.submit_form input{ text-align:left;font-variant:small-caps;font-size:1.4em;color:#333;font-weight:bold;padding:3px 5px 3px 5px;-moz-border-radius:5px;background-color:#FFF;border:1px solid #333}
div#section p.clearfix {font-size:1.4em;padding-top:5px}
div#section p.clearfix strong{font-size:1.4em;}

div#section p.nav_pages{clear:both;text-align:center;font-size:1.2em;color:#E3511C;background-color:#fff;margin-right:10px;-moz-border-radius:5px;-webkit-border-radius:5px;font-weight:bold}
div#section p.nav_pages a{color:#476E97;font-weight:bold}


div#nav_section{position:relative;left:15px;display:inline;float:left;width:246px;min-height:425px;border:solid 2px #008AA5;background-color:#FFF;padding:7px;margin-top:35px;padding-bottom:40px;text-align:left}




/*PAGE*/
div#section div.content{background-color:#FFF;padding:15px 30px 15px 30px;-moz-box-shadow: 2px 6px 12px #000;-webkit-box-shadow: 2px 6px 12px #000;-moz-border-radius:5px;-webkit-border-radius:5px;margin-right:10px}

div#section p.print{position:absolute;right:10px;top:-5px;;}


div#section div.content h2{color:#215492}
div#section div.content h3 {color:#215492}
div#section div.content ul li {float:none;margin-left:15px;}


div#section div#slide_main{overflow:hidden;float:left;position:relative;text-align:center;background-color:#fff;padding:0px;text-align:center;-moz-border-radius:5px;-webkit-border-radius:5px;margin-right:10px;margin-bottom:5px;}
div#section div#slide_main{border:4px solid #FFF}

div#section p.prix_detail{
	font-size:1.6em;color:#215492;font-weight:bold;float:left;}

div#section div.content ul.detail li{
	margin-bottom:4px;list-style:none;margin-left:0px}


div#section ul#preview{margin-right:10px;}
div#section ul#preview li{margin:2px 2px 1px 2px;list-style:none;float:left}
div#section ul#preview li img{width:74px;height:55px;border:1px solid #FFF}
div#section ul#preview li#result_img4 ,div#section ul#preview li#result_img5 ,div#section ul#preview li#result_img6 ,div#section ul#preview li#result_img7 ,div#section ul#preview li#result_img8 ,div#section ul#preview li#result_img9 {float:left}

div#contact h3{margin-bottom:0px}
div#contact p {clear:both;position:relative}
div#contact p label{display:block;float:left;width:100px;margin-right:10px;}
div#contact p input{float:left;width:180px;margin-right:2px;}
div#contact p textarea{float:left;width:180px;margin-right:10px;margin-bottom:4px;height:64px;}
div#section div#contact p.submit_form input{ float:none;width:auto;text-align:left;font-variant:small-caps;font-size:1.4em;color:#333;font-weight:bold;padding:3px 5px 3px 5px;-moz-border-radius:5px;background-color:#FED118;border:1px solid #333}

div#section div#contact p.submit_form { margin-bottom:0px}


#diapo{
	width:485px;
	height:100px;
	position:relative;
	z-index:1001;
	overflow:hidden;
}

#diapo a img{width:100px;}
#diapo div.btdefil{display:block;float:left;}

div#diapo div.marquee0 img {border:1px solid #FFFFFF;margin-right:5px;margin-left:6px;}

div#diapo div.marquee0 a:hover img {border:1px solid #000000}

.marquee0{padding:0;position:relative;	z-index:1002;
}




div#content #fil{margin-bottom:20px}
div#content #fil a{font-weight:normal;text-decoration:underline}
div#content #article{margin-bottom:20px;background-color:#D9EEF1;min-height:450px;padding-bottom:40px}
div#content #article h1{margin-bottom:20px;background:url('../images/dots-3.png') no-repeat #008AA5;;background-position:5px 10px;color:#FFF;font-weight:bold;font-size:1.3em;padding:3px;padding-left:50px;text-align:left}



/****************FOOTER****************************************************************************/

div#footer a{color:#215492;font-weight:bold}
div#footer ul {float:right;background-color:#FED118;-moz-border-radius:5px;-webkit-border-radius:5px;margin-right:10px;padding:5px 0px 5px 5px;border:1px solid #215492}
div#footer ul li{float:left;padding:0px 15px 0px 15px;border-right:1px solid #0541A1;}
div#footer ul li:last-child{border-right:none;}

/***********************HIDDEN************************************************************************/
.cache{position:absolute;top:-900em;height:1px;width:1px;overflow:hidden}

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

.clearfix {display: inline-block;clear:both}

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

/***********************lire la suite**********************************************************************/
.suite{text-align:right}

/*************** slideshow*************************/
.slideshow-images-visible { 
	opacity: 1;
}	
.slideshow-images-prev { 
	opacity: 0;
}
.slideshow-images-next { 
	opacity: 0;
}
/********************************* temoignages **********************************/
div.temoin {display:none}
/*morph*/
.charge{background-color:#000}
.stable{background-color:transparent}

div#container1 div.temoin,
div#container2 div.temoin{display:block}
div#nav_temoignage{position:relative}
div#nav_temoignage h2{margin-bottom:20px}
#mask_temoin{
	position:relative;
	width:490px;
	height:270px;
	overflow:hidden;
}
#wrap_temoin{
	position:absolute;
}
ul.list_temoin {width:490px;list-style:none;overflow:hidden;float:left}
div.section div.article ul.list_temoin li{width:140px;height:125px;list-style:none;font-size:0.85em;margin:0px;float:left;margin-bottom:10px}
div.section div.article ul.list_temoin li img{margin-bottom:5px;}
ul.list_temoin li a{text-decoration:none}
/*#nav_temoin{width:125px;position:absolute;right:20px;top:40px;font-size:0.9em}*/
#nav_temoin{text-align:right}
#nav_temoin p.buttons{text-align:center;width:420px;margin-top:5px;font-weight:bold}
#nav_temoin p.buttons span.active{color:#AAA}
#nav_temoin p.buttons span{cursor:pointer}
#nav_temoin a{text-decoration:none}

/*#next_temoin {position:absolute;top:-30px;left:120px}*/

#vignette_temoin{float:left;width:155px;height:120px;margin-left:0px;margin-bottom:00px}
#vignette_temoin img{margin:7px 0px;}
#vignette_temoin a{text-decoration:none;}

/*h2#titre_temoin{height:85px}*/

.photo_view{width:970px;height:400px;overflow:hidden;position: relative;}
#photo_accueil{position: absolute;}
#photo_accueil img{position: absolute;}