/*Le CSS*/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,img,ins,kbd,q,s,samp,small,strike,sub,sup,tt,var,u,center,dl,dt,dd,ol,ul,li,fieldset,form,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{border:0;font-size:100%;font:inherit;vertical-align:baseline;margin:0;padding:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}table{border-collapse:collapse;border-spacing:0}
/* Global */
p,li, h1,h2,h3,a,input,textarea, label{font-family:"HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;}
a{text-decoration:none;}
body{background:
url(../img/bgfond.jpg)  white top left ;}
/* Fin Global --- Header */

/*Le conteneur principal qui inclut tout les éléments*/
#principal{display:block; min-width:100%; max-width:960px; margin:0 auto;  }

#hautPage{position: relative; text-align:left; background: url('../img/bgtop.jpg');height: 210px;}
/*L'image de logo inclut une hauteur et largeur maximale*/
#hautPage img{max-width:464px; max-height:163px;margin-top: 35px;margin-left:15px;;z-index: 10; position: relative;}
#hautPage .bande{position: absolute; top: 65px;left: 434px; right: 0;height: 132px; background: url('../img/bgbande.png') repeat-x;z-index: 1;}

/* Fin Navigation --- Contenu */

#contenu{padding-top: 20px;margin: 0; margin-bottom:15px;}
/*Les btn*/
.contenuBtn{margin-left: 80px;height:98px; min-width:230px; background:url('../img/bgbtntexte.png') repeat-x 0 -1px; position:relative;}

.btnNum1{background-position: 0 -1px;}
.btnNum2{background-position: 0 -99px;}
.btnNum3{background-position: 0 -197px;}
.btnNum4{background-position: 0 -295px;}
.btnNum5{background-position: 0 -393px;}


.btnImage{display:block; height:98px; width:128px; background-image: url('../img/btnicon.png'); background-repeat:no-repeat; position:absolute;left:-77px; top:0px;}
/*La position de chaque btn*/
.btnImage1{background-position:0px -1px;}.btnImage2{background-position:0px -99px;}.btnImage3{background-position:0px -197px;}.btnImage4{background-position:0px -295px;}.btnImage5{background-position:0px -393px;}
/*Les textes du btn*/
.btnTexte{font-size:2em; color:#FFF; padding-top:30px; margin-left:50px;}

/*Les sous-menus*/
.sousMenu{margin-left: 60px;background-color:#2c2c2c; display:none;}
	.lienSousMenu{display:block; height:auto; background: rgb(214,221,229)); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(249,250,251,1) 0%, rgba(214,221,229,1)  100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(249,250,251,1) ), color-stop(100%,rgba(214,221,229,1) )); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(249,250,251,1)  0%,rgba(214,221,229,1)  100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(249,250,251,1)  0%,rgba(214,221,229,1)  100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(249,250,251,1)  0%,rgba(214,221,229,1)  100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(249,250,251,1)  0%,rgba(214,221,229,1)  100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#fcfdfd", endColorstr="#d6dde5",GradientType=0 ); /* IE6-9 */; padding-top:5px; padding-bottom:15px; 
	
}
	.lienSousTxt{color:#494848; font-size:1.2em; padding-top:10px; margin-left:70px;}

/* Fin contenu --- Footer */ 

#basPage{display:block; height:25px; text-align:center; color:white; font-size:1.2em; background:#185f7f ; padding-top:10px;; }

/* Fin Footer --- Classes */

/*BTN RETOUR*/
#btnRetour{display:block; height:25px; text-align:center; color:white; font-size:1.2em; background:#185f7f ; margin-bottom:30px; padding-top:10px; padding-bottom:5px; margin-right:10px; margin-left:10px; -webkit-border-radius: 10px; border-radius: 10px; }


.clear{clear:both;}
.hidden{visibility:hidden;}
.underline{text-decoration:underline}
.float{float:left;}


/*Vous pouvez inséré des classes pour les différentes pages ici*/

.zoneContenu{color:#494848; margin:0 2%;Background: #FFF; padding: 10px 5%;-webkit-border-radius: 5px;border-radius: 5px;}
.zoneContenu h1, .zoneContenu h2, .zoneContenu h3, .zoneContenu p, .zoneContenu ul{margin-bottom:10px;}
.zoneContenu p{line-height:150%;}
.zoneContenu h1{font-size:1.4em; font-weight:bold; margin-top:20px; color:#185f7f;}
.zoneContenu ul{ margin-left:40px;}
.zoneContenu ul li{margin-bottom:5px;}
.zoneContenu a{color:#CC3E3E;}
.zoneContenu a:hover{color:#B9B0A3;}

/*THUMBS IMG*/
	.thumbLightbox{width:20%; margin-left:10px; margin-right:10px; margin-bottom:10px;}

@media handheld, only screen and (max-width: 1024px) {
	.thumbLightbox{width:20%; margin-left:10px; margin-right:10px; margin-bottom:10px;}
}

@media handheld, only screen and (max-width: 767px) {
	.thumbLightbox{width:33%; margin-left:10px; margin-right:10px; margin-bottom:10px;}
}

@media handheld, only screen and (max-width: 500px) {
	.thumbLightbox{width:50%; margin-left:10px; margin-right:10px; margin-bottom:10px;}
}
@media handheld, only screen and (max-width: 434px) {

#hautPage img{margin-left: 5%; max-width: 95%}
}
@media handheld, only screen and (max-width: 419px) {
	#hautPage .bande{display: none;}
	#hautPage img{margin-left: 0; max-width: 100%}
}
hr{border:solid 1px gray;}

.lienModele{margin-left:10px; font-size:1.2em; font-weight:bold;}
.imgPlan{margin-right:10px; margin-bottom:10px; width:30%;}
.txtPlan{width:65%;}
.contenuPhoto{text-align:center;}

.txtInput{display:block;width:100%; border:1px solid #AAABAD; font-family:verdana; margin-bottom:10px; font-size:0.95em; padding-left:10px;}
select.txtInput{padding-left:7px;}
.fileInput{margin-bottom:10px; }
textarea.txtInput{width:100%; height:100px; resize:none;}
#btnEnvoyer{display:block; width:250px; height:30px; background-image:url('../img/envoyer.png'); border:0px; text-indent:-9999px; cursor:pointer;}
.name, #name {
	pointer-events: none;
	visibility: hidden;
	width: 1px;
	height: 1px;
}