/* RESET  *******************************************************************************************************************************/

html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input { margin: 0; padding: 0; }
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th { font-size: 1em; font-weight: normal; font-style: normal; }
fieldset,iframe { border: none; }
caption,th { text-align: left; }
table { border-collapse: collapse; border-spacing: 0; }
textarea{overflow:auto;resize:none;}
b,strong{font-weight:bold;}


/* CORPS  *******************************************************************************************************************************/


body{
	width:100%;
	margin:0px;
	padding:0px;
	color: #fff;
	font-family: Arial,Helvetica,sans-serif;
	font-size:12px; background:#fff url(../images/bgSite.jpg) repeat-x top center;
}
@font-face {
    font-family: 'Conv_segoeprb_0';
    src: url('../skin/webfontkit/segoeprb_0.eot');
    src: url('../skin/webfontkit/segoeprb_0.eot?#iefix') format('embedded-opentype'),
         url('../skin/webfontkit/segoeprb_0.woff') format('woff'),
         url('../skin/webfontkit/segoeprb_0.ttf') format('truetype'),
         url('../skin/webfontkit/segoeprb_0.svg#Conv_segoeprb_0') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'Conv_PT_Sans-Web-BoldItalic';
    src: url('../skin/webfontkit/PT_Sans-Web-BoldItalic.eot');
    src: url('../skin/webfontkit/PT_Sans-Web-BoldItalic.eot?#iefix') format('embedded-opentype'),
         url('../skin/webfontkit/PT_Sans-Web-BoldItalic.woff') format('woff'),
         url('../skin/webfontkit/PT_Sans-Web-BoldItalic.ttf') format('truetype'),
         url('../skin/webfontkit/PT_Sans-Web-BoldItalic.svg#Conv_PT_Sans-Web-BoldItalic') format('svg');
    font-weight: normal;
    font-style: normal;


}


.page {
	margin:0 auto;
	position:relative;
	width:1000px;
}


.contenu {
	min-height:285px;margin:0 auto;
	padding:15px 40px 56px;
	width:822px;
	position:relative;
	z-index:10;
	background:#691e20 url(../images/bgCt.png) no-repeat bottom center;
}



/* BANDEAU  *******************************************************************************************************************************/
.banniere {position:relative;text-align:center;width:1000px; border-top:4px solid #06fccd; margin-top:62px; height:334px;}
.logo {	display:block; position: relative;top:-49px; width:290px; margin:0 auto;}

/* STYLE GENERAUX (à conserver)  *******************************************************************************************************************************/

.gauche{float:left;}
.droite{float:right;}

.alignD{text-align:right;}
.alignG{text-align:left;}
.alignC{text-align:center;}

.imgG{float:left; margin:0 15px 5px 0;}
.imgD{float:right; margin:0 0 5px 15px;}

.colGauche{float:left; padding:0;  margin:0; width:527px; position:relative;}
.colCentre{float:left; padding:0; margin:0; position:relative;width:148px; }
.colDroite{float:right; margin:0; padding:0; width:334px; position:relative;}



/* BOUTONS  *******************************************************************************************************************************/

.btnLirePlus{margin:10px 0 0 0;}

.btnLirePlus a, .btnLirePlus a:visited{
	background: #285FB2;
	padding: 6px 15px;
	color: #fff;
	font-size: 10px;
	font-family: Arial;
	text-decoration: none;
	vertical-align: middle;
}

.btnLirePlus a:hover {
	background: #fc9400;
	color: #000;
}

.btnGlobal, .btnGlobal:visited{
	border:none;
	background: #285FB2;
	padding: 0 15px;
	height:24px;
	line-height:24px;
	display:block;
	color: #FFF;
	font-size: 10px;
	font-family: Arial;
	text-decoration: none;
	vertical-align: middle;
	float: right;
	margin:0;
}

.btnGlobal:hover{
	cursor: pointer;
	background: #fc9400;
	color: #000;
}


/* PORTFOLIO  ************************************************************************************************************************************/



.uneRef, .uneRef:visited {
	
	display:block;
	float:left;
	width:190px;
	height:126px;
	overflow:hidden;
	margin:7px;border:1px solid #87272a;
}
.uneRef:hover{border:1px solid #dddddd;}

.hover {
 display:inline-block; 
 position:relative;
 overflow:hidden;
 z-index:2; 
}
.hover img {
  display:block;
  position:relative;
}
.hover .mask{
  background:url(../images/img-marker.png) center center no-repeat #691E20;
  cursor:pointer;
  left: 0;
  top:0;
  opacity: 0;
  position: absolute;
  z-index:3;
  -webkit-transition: all 0.8s ease;
  -moz-transition: all 0.8s ease;
  -o-transition: all 0.8s ease;
  transition: all 0.8s ease; width:100%; height:100%;
}
.hover:hover .mask {
  opacity: 0.5;
  -moz-opacity : 0.5;
  -ms-filter: "alpha(opacity=50)"; /* IE 8 */
  filter : alpha(opacity=50);}
/* CONTACT  ************************************************************************************************************************************/

.formulaireContact{margin:0 0; width:367px;}
.formulaireContact p, .formulaireContact div{margin:3px 0; position:relative;}
.formulaireContact .backNone{background:none; border:none; padding:0 0 0; margin:0;}

.formulaireContact label{display:block; font-family:Arial; color:#fff; font-size:12px;}
.formulaireContact label span{padding:4px 0; float:left; width:70px;}

.formulaireContact input, .formulaireContact select, .formulaireContact textarea{
	font-family:Arial;
	font-size:12px;
	background:#fff;
	color:#691F20;
	float:right;
	border:solid 1px #dddddd;
	padding:4px 4px 3px;
	margin:0;
}

.formulaireContact input{width:244px;}
.formulaireContact select{width:254px;}
.formulaireContact textarea {height:106px; width:244px;}
.formulaireContact input#userCode{width:124px; margin-right:120px;}
.formulaireContact small{padding:10px 0 0 0; display:block; float:left; color:#fff;}
.formulaireContact b{color:#06fccd;}

.formulaireContact input.btnGlobal{width:95px;border:none;padding: 0 12px; color:#06fccd;font-size:17px; background:none;font-weight: bold; text-transform:uppercase; font-family:"Times New Roman",sans-serif;}
.formulaireContact input.btnGlobal:hover{border:none;color:#68ffe2;}
#contact .texte { line-height:27px;font-size:12px;}
#contact .texte b { font-weight:bold; color:#06fccd;}
#contact .colDroite{width:279px; padding:0;}
#contact .colGauche{width:393px;padding:0;}
.planmini { border:1px solid #dddddd;}
/* TITRES ET TEXTES  *******************************************************************************************************************************/

.titre1{font-family:Arial; color:#06fccd; font-size:25px; font-weight:normal; margin:6px 0;font-family: 'Conv_segoeprb_0',"Comic Sans MS", cursive;}
.titre1:first-letter{text-transform:uppercase;}

.texte{text-align:justify; padding:3px 0; margin-bottom:10px;

	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto;
	word-wrap: break-word;
	text-rendering: optimizeLegibility;
	text-indent: 0;
}

.barre{text-decoration:line-through;}
.clignote{text-decoration:blink;}



/* BAN HAUT  *******************************************************************************************************************************/

.menu {
	font-family: 'Conv_PT_Sans-Web-BoldItalic';
	margin:0 auto;
	text-align:center; height:50px; padding-left:48px;
	z-index:10;list-style:outside none; background:url(../images/bgmenu.png) repeat 0 0;

}

.menu li {float:left; padding-right:11px;}

.menu a, .menu a:visited {
	color:#fff;display:block; 
	font-size:16px;
	text-align:center;
	height:50px; line-height:50px;

}

.menu a:hover, .menu a#courant {color:#691e20;}



/* PIED  *******************************************************************************************************************************/
.footer1 { width:100%; border-bottom:15px solid #691e20;}
.footer2 { width:764px; margin:0 auto; padding:20px 0 25px;}
.pied {
	color:#691e20;
	font-family:Arial;
	font-size:11px;
	margin:0 auto;
	padding:15px 0;
	position:relative;
	text-align:center;
	width:1000px;
	z-index:100;
}

.pied{list-style-type:none; text-align:center;}
.pied li{display:inline;}

.pied a, .pied a:visited{color:#691e20; padding:0 2px;font-size:11px;}
.pied a:hover{color:#802426; text-decoration:underline;}

.logoPied{
	color:#691e20;
	font-family:Arial,Verdana;
	position:relative;
	text-align:center;
	z-index:100;
	margin:0;padding-right: 72px;
}

.logoPied span,.logoPied a, .logoPied a:visited{color:#691e20;}
.logoPied a:hover{color:#802426;}


.divFB { width:180px;}



/* DIVERS ET LIENS *******************************************************************************************************************************/

.separateur{margin:20px 0; display:block; height:1px; background:url(../images/separateur.jpg) top center no-repeat;}

ul {list-style-type:none; list-style-position:inside; font-size:12px;}
ul li ul {margin:3px 0 3px 15px; padding:0;}
.puce, #plan .contenu ul{list-style-image: url(../images/puce1.png); margin:5px; list-style-position:outside;}

img.png{
	behavior: url('../js/png.htc');
	border:none;
}
.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 */

a, a:visited{color:#fff; text-decoration:none;}
a:hover{color:#06FCCD; text-decoration:none;}

.texte a:hover, .colDroite ul a:hover{text-decoration:underline;}

a img{border:none;}
.nettoyeur{clear: both; margin: 0; padding: 0;}
.nodisplay{display:none;}
.invisible{
	opacity:0.0;
	-moz-opacity:0.0;
	-ms-filter:"alpha(opacity=0)"; /* IE 8 */ 
	filter:alpha(opacity=0); /* IE < 8 */ 
	visibility:hidden;
}

/***************************************  BANDEAU JAVASCRIPT   ***********************************/
noscript div{
	width:100%;
	border-bottom:1px solid #F00;
	background-color:#FF9;
	color:#F00;
	text-align:center;
	padding:4px 0 4px 0;
	font-weight:bold;
}


#Recommandation table{font-size:11px;}
#Recommandation textarea{width:100%;}

#InfoDebug{
	position:fixed;
	background-color:#000;
	color:#fff;
	min-width:260px;
	-moz-border-radius:0 0 10px 10px;
	-khtml-border-radius:0 0 10px 10px;
	-webkit-border-radius:0 0 10px 10px;
	border-radius:0 0 10px 10px;
	-moz-box-shadow: rgba(0,0,0,1) 0 4px 18px;
	-webkit-box-shadow: rgba(0,0,0,1) 0 4px 18px;
	-khtml-box-shadow: rgba(0,0,0,1) 0 4px 18px;
	box-shadow: rgba(0,0,0,1) 0 4px 18px;
	z-index:9999;
}
#InfoDebug div{
	background-color:#fff;
	font-weight:bold;
	color:#000;
	text-align:center;
	margin:2px;
	padding:4px;
	cursor:move;
}
#InfoDebug p{padding:6px 10px 4px 10px;}

.grdDiapo a{cursor: url('../images/icone_loupe.cur'),auto;}
.nowrap{white-space:nowrap;}

ul.disc{list-style-type:disc;}
ul.circle{list-style-type:circle;}
ul.square{list-style-type:square;}
ul.none{list-style-type:none;}
ol.decimal{list-style-type:decimal;}
ol.lower-roman{list-style-type:lower-roman;}
ol.upper-roman{list-style-type:upper-roman;}
ol.lower-alpha{list-style-type:lower-alpha;}
ol.upper-alpha{list-style-type:upper-alpha;}

