/* CSS Document */

*, html {margin:0; padding: 0; overflow: hidden;}
a { text-decoration: none; outline: none;}
a:active{
	outline: none;
}
:focus {
 -moz-outline-style: none;
}
*:focus {outline: none;}
img { border: none; }
body {color: black; font-family:Century Gothic, Arial; }
ul, ol{list-style:none;}
h1, h2, h3, h4{font-weight:normal;}


#mainContent{clear:both; margin:0 auto; z-index: 10; position: relative; z-index: 1; margin-left: 5%;}
nav{ display: block; }

/*
********************
Header
**********************/

#contentNav{position:relative;}
#mainNav{width:235px; height:500px; position:fixed; bottom:0; background:rgba(255,255,255,0.2); z-index: 100; padding:0 25px;   -webkit-transition-property:color, background;
    -webkit-transition-duration: 0.5s, 0.5s;  
    -webkit-transition-timing-function: linear, linear; z-index: 100;}
#mainNav.animHome{ bottom:-500px; }
#mainNav:hover{background:rgba(255,255,255,1);}
#animatedNav{width:285px; height:500px; position:absolute; top:0; left:0; bottom:-500px; background:#fff; z-index: 1;}
#mainNav ul{padding-top:30px;}
#mainNav a{font-size:12px; color:rgb(163,165,166); padding-top:0;}
#mainNav li.aktif a, #mainNav a:hover, #mainNav a.aktifLang{color:rgb(248 ,179,34);}
#mainNav a:hover{color:rgb(0,0,0);}
#mainNav span{font-size:12px; height:12px;}
#mainNav span.und{font-size:30px; font-weight:bold;}
#miniNav{position:absolute; top:12px; left:25px;}
#miniNav a{text-transform: uppercase;}
#miniNav span{color:rgb(248 ,179,34);}
#mainNav li a{font-size:40px; line-height:37px; height:37px; text-transform:uppercase; text-align:right; display:block; color: rgb(91,92,93);}
#mainNav li.social{ text-align:right; }
#mainNav li.social a{ display:inline; height:auto; line-height:15px}
#logo{text-indent:-9999px; overflow: hidden; background:url(../images/logo.png) no-repeat left center; width:164px; height:20px; position: fixed; display: none;}

/*********************
Content
**********************/
#border{border:1px solid #fff; height:2px; position: absolute; margin-left:310px; width:810px; background: #fff ;}
#content{margin-left:310px; width:810px; background:rgb(255,255,255); height:460px; overflow: auto;padding:15px 25px 25px 25px; position:fixed; bottom: 0; display: none;}
#content.home{display: block; position: fixed;  height:500px; bottom: 0; overflow: hidden;margin-left:285px;}
#animEnter{margin-left:310px; background:rgb(255,255,255);height:0; width:0; z-index: 1000;}
#line{ border-top:3px solid #fff; width:0;margin-left:310px; height: 1px;}
#updown{padding-bottom: 40px;}
#content.store{width:610px;}
#content.home{background:transparent;}
#content a:hover{color:rgb(248 ,179,34);}
#content h2{color:rgb(163,165,166);font-size: 22px; height: 22px; float: left;}
#content h2 a{color:rgb(163,165,166);font-size: 22px; height: 22px; }
#content h2.aktifh{color:rgb(248 ,179,34);}
#content h2 a.aktifh{color:rgb(248 ,179,34);}
#content h2 a:hover{color:rgb(0,0,0);}
#content p{color:rgb(163,165,166); font-size: 12px; font-family: Arial;}
#content a{color:rgb(248 ,179,34); font-size: 12px; font-family: Arial;}
#content ul li{color:rgb(163,165,166);font-size: 22px; line-height: 22px; float: left; letter-spacing: -1px; padding-right: 2px;}
#content ul li a{color:rgb(163,165,166);font-size: 22px; }
#content #headContent ul li a:hover{color:rgb(91,92,93);}
#content ul li.mainTitle{color:rgb(248 ,179,34);}
#content ul li.mainTitle a{color:rgb(248 ,179,34);}
#content ul li a.aktifTitle{color:rgb(91,92,93);}
#content ul li.mainTitle a.aktifTitle{color:rgb(248 ,179,34);}
#headContent{padding-bottom: 25px; border-bottom: 4px solid rgb(163, 165, 166);}
#headContent.news{border-bottom:none;padding-bottom: 0; }
#headContent.youcube{border-bottom:none;padding-bottom: 0; }
#headContent.projects{border-bottom:none;padding-bottom: 0; }
#contentproject img{padding:12px 0; }
#contentproject h2{font-size:14px; color:rgb(0,0,0)}


#content2{margin-left:310px; width:810px; background:rgb(255,255,255); height:460px; overflow: auto;padding:15px 25px 25px 25px; position:fixed; bottom: 0; display: none;}
#content2 a:hover{color:rgb(248 ,179,34);}
#content2 h2{color:rgb(163,165,166);font-size: 22px; height: 22px; float: left;}
#content2 h2 a{color:rgb(163,165,166);font-size: 22px; height: 22px; }
#content2 h2.aktifh{color:rgb(248 ,179,34);}
#content2 h2 a.aktifh{color:rgb(248 ,179,34);}
#content2 h2 a:hover{color:rgb(0,0,0);}
#content2 p{color:rgb(163,165,166); font-size: 12px; font-family: Arial;}
#content2 a{color:rgb(248 ,179,34); font-size: 12px; font-family: Arial;}
#content2 ul li{color:rgb(163,165,166);font-size: 22px; line-height: 22px; float: left; letter-spacing: -1px; padding-right: 2px;}
#content2 ul li a{color:rgb(163,165,166);font-size: 22px; }
#content2 #headContent ul li a:hover{color:rgb(91,92,93);}
#content2 ul li.mainTitle{color:rgb(248 ,179,34);}
#content2 ul li a.aktifTitle{color:rgb(91,92,93);}


#menuCart{width:810px;}
#menuCart ul{float:right;}
#menuCart ul.first{float:left;}
#menuCart ul li{font-size: 15px; height:25px; line-height: 25px; border-bottom: 4px solid rgb(91,92,93); padding:0; font-family: Arial;}
#menuCart ul.first li{font-size: 15px; height:25px; line-height: 25px; padding-right: 0; border-bottom: none;}
#menuCart ul li a{font-size: 15px; height:25px; line-height: 25px; padding:0 10px; font-family: Arial;}
#menuCart a.addcart{color:rgb(248 ,179,34); background:url(../images/addcart.png) no-repeat left center; padding-left:25px;}
#menuCart ul li.already{border-bottom: 4px solid rgb(248 ,179,34); font-weight: bold;}
.showItem h3{ height:25px; line-height: 25px; font-size: 15px; font-weight: bold; border-bottom: 1px solid rgb(163, 165, 166); color:rgb(91,92,93); margin-bottom: 12px; width: 809px; padding-top: 25px;}
.intro{padding-bottom:25px;}
#mainItem{width:810px;}

#mainItem.pages{width:809px;}

.bloc{ border:1px solid rgb(163, 165, 166); margin-top: 25px; margin-right: 2px; float:left; width:390px;}
.bloc.alt{float:right;}
.bloc .img{border-bottom:1px solid rgb(163, 165, 166); width:390px; height: 160px; text-align: center; position: relative;}
.bloc .desc{border-bottom:1px solid rgb(163, 165, 166);}
#content .bloc p{padding:5px 5px 5px 5px; font-size: 11px; text-align: right;}
#content .bloc .desc p{text-align: left;}
#content .bloc p .pdf{float: left; display: block; padding-top:3px;}
.bloc .desc p{padding:0 5px 5px 5px;}
#content .bloc p img{padding-right: 5px;}
.bloc img.imgmain{display: block; margin-left: auto; margin-right: auto; position: relative;}
.imgwithmarg{margin:5px;}
.bloc img.new{position: absolute; top:0; left:0}
.bloc img.dcubec{position: absolute; bottom:0; right:0}
.bloc .media{position: absolute; bottom:0; right:0}
.bloc h4{font-size: 12px; color:rgb(91,92,93); padding: 5px;}
.bloc h4 span{color:rgb(163, 165, 166);}
.bloc .lastdesc p{float:left;}

#content .bloc a.added{color:#5B5C5D; display: block; float: right; padding-top:3px; font-weight:bold;}
#content .bloc a.activate{color:rgb(248 ,179,34);}
#content .bloc a:hover{color:rgb(248 ,179,34);}
#content #fixedContent{width:811px; padding-bottom:25px; z-index: 100000;}
#content #fixedContent.storepad{padding-bottom:0px;}

#content .fixed{position: fixed; top:0; left:0; padding:15px 0 0 0; background: #fff; width:810px;}
#content2 #fixedContent{width:810px; padding-bottom:25px; z-index: 100000;}
#content2 #fixedContent.storepad{padding-bottom:0px;}

#content2 .fixed{position: fixed; top:0; left:0; padding:15px 0 0 0; background: #fff; width:810px;}
#content .storefixed{width:795px;}
#content #contentproject, #content #contactcontent{width: 809px;}
#content #presscontent, #content #youcubecontent{width: 809px;}
#content #blc1{float:left; width:390px; margin-right:25px; padding:25px 0;}
#content .blc1{float:left; width:390px; margin-right:25px; padding:25px 0; clear:both;}
#contentproject .blc1{padding-left:3px; }
#content #blc2{float:right; width:390px; padding:25px 0;}
#content .blc1.alt{float:right; width:390px; padding:25px 0; margin-right: 0; clear:none;}
.subTitle{color:rgb(248 ,179,34);}
.blcImg{padding-bottom:25px;}
.blcImg img{padding-top:12px;}
.blcImg a{display:block;}
.orange{color:rgb(248 ,179,34);}
.clear{clear:both;}
strong{font-weight: bold;}
#content a.gris{color:rgb(163, 165, 166); }
.noir{color:rgb(0, 0, 0); }

#bg a{cursor:default;}
#hide{ display: none; width:25px; height: 500px; position: fixed; bottom:0; background: #fff; z-index: 100; cursor: default;}

.item{padding-top: 25px; width:808px;}


.select{height: 23px;}
.select.quant{border-bottom: none;}
.descItem{width:425px;float: left;}
.descItem img{margin: 5px 0 0 0;} 
.descItem .descImg{width:110px;float: left; margin:0 auto; text-align:center; }
.itemWrapper{width:808px;}
#content2 .itemWrapper h2{font-size: 12px; height: 59px; padding: 10px 0 0 10px;}

.selectWrapper{width:225px; float: right; height: 92px; border: 1px solid rgb(248 ,179,34); overflow: visible;}
.select label.nameItem{display: block; width:150px; float:left; text-align: right; padding:5px 25px 0 5px;}
.watermark{z-index: 1500000; padding:2px 0 0 5px; font-size: 15px; color:rgb(163,165,166);text-transform: uppercase; cursor: pointer;}
.watermark img{float:right; padding:0 2px 0 0;}
.watermark img.selected{float:right; padding:0 6px 0 0;}
.watermark img.selected2{float:right; padding:1px 6px 0 0;}
.watermark img.selected3{float:right; padding:2px 2px 0 0;}

.firstwatermark{ background: #fff;z-index: 1500000; padding:2px 0 0 5px; color:rgb(163,165,166);text-transform: uppercase; font-size: 12px; font-family:Arial; display: block; height:23px;}
.firstwatermark img{float:right; padding:0 2px 0 0;}

#boxSelect{height:69px;}
.color{position:absolute;min-height: 30px; width:225px;}

.color span.watermark{position:absolute; display: block; width:220px; border-top:1px solid rgb(248 ,179,34); z-index: 150; height: 20px; left:0; top:0; background: #fff; font-family: Arial; font-size: 12px; border-bottom: 1px solid  rgb(248 ,179,34);}
.color input{position:absolute;}


.light{position:absolute;min-height: 30px; width:225px;}

.light span.watermark{position:absolute; display: block; width:220px; border-bottom:1px solid rgb(248 ,179,34); z-index: 150; height: 23px; left:0; top:0px; background: #fff; font-family: Arial; font-size: 12px; border-top: 1px solid rgb(248 ,179,34); border-bottom: 1px solid  rgb(248 ,179,34);}
.light input{position:absolute;}


.focus{position:absolute;min-height: 30px; width:225px; overflow: visible;}

.focus span.watermark{position:absolute; display: block; width:220px; border-top:1px solid rgb(248 ,179,34); z-index: 150; height: 23px; left:0; top:0px; background: #fff; font-family: Arial; font-size: 12px; border-bottom: 1px solid  rgb(248 ,179,34);}
.focus input{position:absolute;left:5px;}


.bois{position:absolute;min-height: 30px; width:225px; overflow: visible;}

.bois span.watermark{position:absolute; display: block; width:220px; border-top:1px solid rgb(248 ,179,34); z-index: 150; height: 23px; left:0; top:0px; background: #fff; font-family: Arial; font-size: 12px; border-bottom: 1px solid  rgb(248 ,179,34);}
.bois input{position:absolute;left:5px;}



.quantity{position:relative;height:23px; width:225px;}
.quantity span.watermark{position:absolute; display: block; width:220px; z-index: 170; height: 20px; left:0; top:0; background: #fff; font-family: Arial; font-size: 12px; border-top: 1px solid rgb(248 ,179,34);}
.quantity input{position:absolute; z-index: 160;  border:1px solid rgb(248 ,179,34); width:210px; height: 20px; line-height: 22px; padding:2px 0 0 15px; color:#A5A7A6; font-size: 13px;}


.firstBlc{width:580px; float:left;border:1px solid rgb(163,165,166); border-right:none; border-bottom:none; height: 116px; overflow:visible;}


#content2 .label{float: right; padding-right: 10px;padding-left :50px;}
#content2 .label ul li{float: none; height: 20px; line-height: 20px; text-align: right; font-size: 12px; font-family: Arial; letter-spacing: normal; padding-top: 2px;}
.quantLabel{border-top:1px solid rgb(163,165,166); height:22px;}
.quantLabel.last{border-right:1px solid rgb(163,165,166); border-bottom:1px solid rgb(163,165,166); height:22px; width:580px;}
.quantLabel.last input{border:none; color:#A5A7A6; width:580px; font-size:12px; border:0;}
input:focus {
    outline: none;
}
.quantLabel p{padding: 4px 0 0 5px;}
#content2 .quantLabel p a{font-family: Arial; font-size: 8px; color:#A5A7A6; background: url(../images/pdf.png) no-repeat left center; padding-left: 20px;} 
#content2 .quantLabel p a:hover{color:#000;} 
.quantLabel p span{float: right; padding-right:15px; font-size: 12px; font-family:Arial;}
#content2 .suggestionList3 p, #content2 .suggestionList p, #content2 .suggestionList1 p, #content2 .suggestionList2 p{
font-size:15px;
padding-left :15px;
}

#content2 .suggestionList3 ul li, #content2 .suggestionList ul li, #content2 .suggestionList1 ul li, #content2 .suggestionList2 ul li{
border-top: 1px dashed #D0D0D0;
height: 18px;
line-height: 18px;
padding:0 0 5px 5px;
background: #fff;
width: 225px;
text-transform: uppercase;
}

#content2 .suggestionList3 ul li a span, #content2 .suggestionList ul li a span, #content2 .suggestionList1 ul li a span, #content2 .suggestionList2 ul li a span{
display:block; padding:2px 6px 3px 5px; font-size: 15px; 
}
#content2 .suggestionList3 ul li a:hover span, #content2 .suggestionList ul li a:hover span, #content2 .suggestionList1 ul li a:hover span, #content2 .suggestionList2 ul li a:hover span{
background:url(../images/fondniveau02on.png) no-repeat left top; color:#000;
}

#content2 .suggestionList3 ul li a img, #content2 .suggestionList ul li a img, #content2 .suggestionList1 ul li a img, #content2 .suggestionList2 ul li a img{
float: right; padding:0px 10px 0 0;
}

#content2 .suggestionList3 input, #content2 .suggestionList input, #content2 .suggestionList1 input, #content2 .suggestionList2 input{
margin-right :15px;
}


#content2 .suggestionList3 input.radio, #content2 .suggestionList input.radio, #content2 .suggestionList1 input.radio, #content2 .suggestionList2 input.radio{
float: left; margin-top:6px; margin-right:6px;
}

#content2 .suggestionList3 a, #content2 .suggestionList a, #content2 .suggestionList1 a, #content2 .suggestionList2 a{
font-size: 13px; 
text-transform: capitalize;
}



.suggestionsBox3, .suggestionsBox, .suggestionsBox1, .suggestionsBox2  {
border:1px solid #BFBFBF; 
-webkit-border-radius: 1px;
-moz-border-radius: 1px;
border-radius: 1px;
-moz-box-shadow: -2px 2px 10px #5A5B5D;
-webkit-box-shadow: -2px 2px 10px #5A5B5D;
box-shadow: -2px 2px 10px #5A5B5D;
width: 220px;
top:0;
z-index: 100000000;
position: absolute;
left:3px;
}



#mainLogin h3{font-family: Arial; font-weight: bold; border-bottom: 2px solid #A3A5A6; padding-bottom: 5px; color:rgb(91,92,93);}
#message{padding:5px 0; color:rgb(91,92,93);font-family: Arial; border-bottom: 1px solid #A3A5A6; margin-bottom: 50px;}
#mainLogin p{padding-top:15px;}
#userForm{padding-top:25px;}
#userForm div{padding: 5px 0;}
#userForm div.submit{padding-left:160px;}
#userForm label{display: block; width: 160px; float: left; text-transform: uppercase; font-size: 15px; padding: 3px 0 0 0;}
#userForm label.error{position: absolute; width:300px; display: inline;padding-left:5px; color:#f00;}
#userForm input{width:160px; height:25px; border:1px solid rgb(248 ,179,34); padding-left: 5px; color: color:#A5A7A6;}
#userForm input#submit{text-align: right; border: none; background: transparent; text-transform: uppercase; font-size: 15px; color:rgb(248 ,179,34);}
#content2 .lost a{color:rgb(163,165,166);}
#content2 .first a{color:rgb(91,92,93);}
#userLost{padding-top:50px;}
#userLost div{padding: 5px 0;}
#userLost div.submit{padding-left:160px;}
#userLost label{display: block; width:160px; float: left; text-transform: uppercase; font-size: 15px; padding: 3px 0 0 0;}
#userLost label .or{color:rgb(248 ,179,34);}
#userLost input{width:160px; height:25px; border:1px solid rgb(248 ,179,34);}
#userLost input#submit{text-align: right; border: none; background: transparent; text-transform: uppercase; font-size: 15px; color:rgb(248 ,179,34);}

#newForm{padding-top:75px;color:rgb(91,92,93); font-family: Arial;}
#newForm div{padding: 5px 0; }
#newForm div.submit{padding-left:345px;}
#newForm label{display: block; width: 330px; float: left; text-transform: uppercase; font-size: 15px; padding: 3px 0 0 0; margin-right: 25px; text-align: right; z-index: 1}

#newForm input{width:300px; height:25px; border:1px solid rgb(248 ,179,34); padding-left: 10px; color:rgb(91,92,93); font-size: 15px;}
#newForm input#zipcode{width:80px;}
#newForm select{width:310px; height:28px; border:1px solid rgb(248 ,179,34);-webkit-appearance: none; border-radius: 0; color:rgb(91,92,93); padding: 3px 10px 3px 10px; background: #fff url(../images/color/select.png) no-repeat 280px center; -webkit-box-shadow: 1px 1px 1px #fff;  font-size: 15px; text-transform: uppercase;}
keygen, select, button, isindex, datagrid, option {text-rendering: optimizeSpeed;}
#newForm input#submit{text-align: left; border: none; background: transparent; text-transform: uppercase; font-size: 15px; color:rgb(248 ,179,34);}
#newForm input.radio{ width:25px; float: left;}
#newForm label.lradio{ width:80px; text-align: left}
#newForm input.checkbox{width: 25px; height: 25px; border:1px solid rgb(248 ,179,34);-webkit-appearance: none;}
input[type=checkbox]:checked {background: rgb(248 ,179,34);}
#newForm div.gender{ float:left; padding: 0}
#newForm div{position:relative;overflow:visible; z-index: 3;}
#newForm label.error{position: absolute; left:0; z-index: 10; text-align: left; color:#f00; font-size: 10px; top:10px;}
#newForm div.gender label.error{position: absolute; left:0; z-index: 10; text-align: left; color:#f00; font-size: 10px;}
#newForm div#gender{height: 27px;}
#finalStep {float:right;}
#finalStep span{font-weight: bold;}
#smallMap{width: 810px; height: 405px;}
#map_canvas div{overflow: visible;}
.textarea{padding-top:50px;}
.textarea h3{font-size: 15px; padding-bottom: 5px; color: rgb(163,165,166);}
.textarea textarea{width: 581px; height: 75px; border: 1px solid rgb(163,165,166); padding:2px 0 0 10px; color:#A5A7A6; font-size: 13px;}

.numberItem h4{font-size: 15px; padding-top: 10px; float: left;color:rgb(163,165,166);}
.numberItem h5{font-size: 15px; padding-top: 10px; float: right; border-bottom: 1px solid rgb(163,165,166); color:rgb(163,165,166); font-weight: normal; padding-bottom: 5px;}
.numberItem h5 span{color : rgb(248 ,179,34);}
#content2 .itemWrapper h2 .title{font-family: Arial; font-weight: bold; font-size: 12px; text-transform: capitalize; color:#5A5B5D;}
#content2 .itemWrapper h2 .subtitle{font-family: Arial; font-weight: bold; font-size: 12px; text-transform: capitalize; color:#A5A7A6;}
#content2 .itemWrapper h2 .ref{font-family: Arial; font-weight: normal; font-size: 12px; text-transform: capitalize; color:#5A5B5D;}
.capital{text-transform: uppercase;}
.login h1{color:color:rgb(91,92,93);font-size: 22px; line-height: 22px; letter-spacing: -1px; padding-right: 2px;}
#map_canvas{padding-bottom: 25px;}
#itiform div{padding:10px 0;}
#itiform label{display: block; width: 75px; float: left; text-transform: uppercase; font-size: 15px; padding: 3px 0 0 0; margin-right: 25px; text-align: left; color: rgb(248 ,179,34);}
#itiform input{width:450px; height:25px; border:1px solid rgb(248 ,179,34); padding-left: 10px; color:rgb(91,92,93); font-size: 15px;}
#itiform .submit input{ padding-left: 100px; border: none; background: transparent; color:rgb(248 ,179,34); text-align: left;}
#emplacementItineraireTexte{ width:50%; border-right: 1px solid rgb(91,92,93); margin-top: 25px;}
.itinote{display: none; font-weight: bold; font-size: 13px;}
#content p.googlenote{font-size: 14px; padding-top: 15px;}
#content p.googlenote span{color:rgb(91,92,93);}
#content2 p.note{padding-top: 75px;}
#content p span.gris{color:rgb(91,92,93);}

#content2 .navTop{padding-top: 15px; position: relative; z-index: 1000;}
#content2 .navTop p.left{float: left; font-size: 15px; text-transform: uppercase;}
#content2 .navTop p.red{color: #f00;}
#content2 .navTop p.right a{float: right; font-size: 15px; text-transform: uppercase;}
#content2 .navTop p.right a{z-index: 99999999999;}

#messageError{color: #f00; display: block;}
span.red{color: #f00;}
.at300b img {
border: 0;
padding: 5px 0;
}
/* AJOUT MAX */

.bloctexte {
	width: 390px;
	float: left;
}

.bloctexteb {
	width: 390px;
	float: right;
	margin-left: 15px;
}

.traitservice{
	background-image: url(../imgmax/servicetrait.png);
	background-repeat: repeat-x;
	width: 100%;
}
.titreservice{
	font-size: 18px;
	color: rgb(91, 92, 93);
}


.at300b{margin-right: 5px;}

.bloctexte, .bloctexteb, .imgFull{margin: 0px 0 15px 0;position: relative; }
.bloctexte .img, .bloctexteb .img{position: relative; padding:0; margin-bottom: 5px; border: none}
.bloctexte .img .dcubec, .bloctexteb .img .dcubec, .imgFull .dcubec{position: absolute; right:0; bottom:0; z-index: 12}
.bloctexte .img img, .bloctexteb .img img, .imgFull img{padding:0; margin:0;display:block}
#content h3 a{font-size:22px; color:#000;font-family:Century Gothic,Arial;}
#content h3 a:hover{color : rgb(248 ,179,34);}
#bgMain, #mainContent{overflow: visible;}

 #content.storepad .bloc p img {padding: 0 5px 0 0}
 #content p.date { font-weight: bold;} 
 
#content p{
text-align: justify;
} 
#content p span.sous-partie {
	font-family: Arial;
	font-size: 12px;
	color: rgb(91, 92, 93);
}
#content p span.entete {
	font-family: Arial;
	font-size: 12px;
	color: rgb(248 ,179,34);
}
#content span.texte {
	font-family: Arial;
	font-size: 12px;
	color: rgb(163, 165, 166);
	line-height: 14px;
}
#content .texte {
	font-family: Arial;
	font-size: 12px;
	color: rgb(163, 165, 166);
	line-height: 14px;
}
#content strong.texte {
	font-weight: bold;
	font-family: Arial;
	font-size: 12px;
	color: rgb(163, 165, 166);
	line-height: 14px;
}
#content p span.textenoir {
	font-family: Arial;
	font-size: 12px;
	color: rgb(0, 0, 0);
} 


#content p.titre14 {
	font-family: Arial;
	font-size: 14px;
	color: rgb(0, 0, 0);
}
 
 
#contentproject h3 a{text-transform: uppercase;} 
#headContent li a{text-transform: uppercase;} 
.showItem h3{text-transform: uppercase;} 
 
 
#submit{cursor: pointer;} 
#recherche{position: absolute; right:25px; bottom: 25px;} 
#recherche input{ background: none; border: none; color: rgb(248, 179, 34); font-size: 13px; text-transform: uppercase;}
#content ul#search{ padding-top: 25px;} 
#content ul#search li{float: none; padding: 5px 0;}
#searchform{position: relative; width: 150px; height: 18px}

#recherche #searchsubmit {display: none;}
   
#recherche #searchsubmit{ background:url(../images/search_close.png) no-repeat left top; width: 18px; height: 18px;position: absolute; right:0; bottom: 0; cursor: pointer;}   
#recherche #s{ background:url(../images/search_close.png) no-repeat left top; width: 18px; height: 18px;position: absolute; right:0; bottom: 0; cursor: pointer;}  
#recherche #s.s{ background:url(../images/search_open.png) no-repeat left top; width: 142px; height: 18px;position: absolute; right:0; bottom: 0; cursor: text;}  
 
#content ul li.mainTitle span.gris{text-transform: uppercase; color: rgb(163, 165, 166);} 
#content h2.cent{ font-size: 16px; font-weight: bold; color: #000; display: block; padding: 12px 0; float: none; text-transform: uppercase;}
#search p a{color: #5B5C5D; text-transform: none; }
.results{ padding-bottom: 15px;}
.textarea input{ width: 581px; padding: 5px;}

.titreorange, .titreorange * {
	color: #F8B322;
	font-size: 40px !important;
	text-transform: uppercase;
}

.titreblack, .titreblack * {
	color: #5B5C5D;
	font-size: 40px !important;
	text-transform: uppercase;
}

.titre2orange, .titre2orange * {
	color: #F8B322;
	text-transform: uppercase;
	font-family: Century Gothic,Arial;
    font-size: 22px !important;
	line-height:22px;
}

.titre2black, .titre2black * {
	color: #5B5C5D;
	text-transform: uppercase;
	font-family: Century Gothic,Arial;
    font-size: 22px !important;
	line-height:22px;
}


.titrecattitle, .titrecattitle * {
	color: #999999;
	text-transform: uppercase;
	font-family: Century Gothic,Arial;
    font-size: 22px !important;
	margin-top:25px;
	display: block;
	font-weight:400;
	-webkit-font-smoothing: antialiased !important; 
	line-height:22px;
}

.blocItem{
	position:relative;
}

img.pictonew{
	position:absolute;
	right:5px;
	top:55px;
	z-index:10;
	width:45px !important;
	height:45px !important;
}

img.pictonew2{
	position:absolute;
	right:5px;
	top:30px;
	z-index:10;
	width:45px !important;
	height:45px !important;
}

.majuscule{
	text-transform:uppercase;
}