html, body {overflow-x: hidden}
html {-webkit-text-size-adjust: 100%;}
body{font-family : 'Open Sans', arial, sans-serif; font-size: 13px; color: #494949; background: #dbd7d1; line-height: 18px}
input, textarea, select {font-family : 'Open Sans', arial, sans-serif;}

a {color: #999; text-decoration: none;}
a:hover, a.active {color: #000000}

small, sub, sup{ font-size: .75em; line-height: 10px}
sub { vertical-align: sub} 
sup { vertical-align: super }

/*
@-viewport {width: 100%;}
 */
 
.fr{float: right}
.fl{float: left}
.cb {clear: both}
.center{text-align: center}
.justify{text-align: justify}

.hidden{display: none}

.right_pad{margin-right: 20px}

.full_width { /*max-width: 1750px;*/  margin: 0 auto 0 auto; overflow: hidden; background: white}
.grey {background: #dbd7d1;}
.grey2 {background: #808080; color: #bfbfbf}
.grey2 a {color: #bfbfbf}
.grey2 h5{color: #bfbfbf; line-height: 24px}
.grey2 a:hover{color: #fff}
.grey2 input{color: #808080; background: #bfbfbf; border: 0px solid; padding-left: 4px}

.red_ee {background: #d0033c;  color: #bfbfbf}
.red_ee a {color: #bfbfbf}
.red_ee h5{color: #bfbfbf; line-height: 24px}
.red_ee a:hover{color: #fff}
.red_ee input{background: #e3698b; border-color: #e3698b}

.full_height {min-height: 400px} 
.limited_width  { max-width: 1000px; margin: 0 auto 0 auto;}
.col{float: left; width: 250px;  }
.col2{width: 500px;}
.col2 .border, .col .border{border-left: 1px solid; padding-left: 10px}
#pole .col2 .border {border-left: 1px solid #bbbab5; padding-left: 30px}
.half_col{float: left; width: 50%;}
.half_col img, .col img, .col2 img, .col3 img{max-width: 100%;}
.half_col iframe, .col iframe, .col2 iframe, .col3 iframe{max-width: 100%;}
/*img.max_w{max-width: 100%}*/
.text{ padding: 10px;}
.text ul{ list-style-type: disc; padding-left: 25px;}

.small_font  {font-size: 11px; line-height: 16px}
#top{height: 0}

h1 a{color: #81806e;}
h1 a:hover{color: #000;}

h4 {color: #80806F; font-size: 28px; line-height: 36px; font-weight: normal}
h5 {color: #80806F; font-size: 18px; line-height: 18px;  font-weight: normal}
h6 {font-size: 12px; padding: 10px; font-weight: normal}

#menu1 {display: none}
#menu1 .center_menu {margin-left: auto; margin-right: auto; width: 800px}
#menu1 h1{float: left;  padding: 10px 30px 10px 30px; text-align: center; font-size: 14px; line-height: 20px; font-weight: normal}
#menu1 .rs {float: right;  margin: -80px 1% 0 0; padding: 10px 0 10px 0; width: 160px; border: 0px solid;}
#menu1 .rs .border {margin-left: 66px; border-left: 3px solid #f4f4f4; padding-left: 10px; line-height: 10px}
#menu1 .rs  a{color: #f4f4f4; font-size: 11px}


#menu2 {position: fixed; display: none; width: 100%; z-index: 100 }
#menu2 .logo {margin: 5px;}
#menu2 .menu {margin: 12px 12px 0 0; }

#menu2 #plus {display: none; border-top: 1px solid #838270;  border-bottom: 1px solid #838270}
#menu2 h1{float: left;  padding-top: 8px; width: 150px; text-align: center; font-size: 10px; line-height: 16px; font-weight: normal; }
#menu2 .sep{display: none; font-size: 26px; float: left; color: #838270; vertical-align: middle; padding-top: 12px}

#menu2 .rs {float: left; margin-top: 8px; }
#menu2 .rs img {margin-top: 0px}
#menu2 .rs  a{color: #f4f4f4; }


#menu3 {position: fixed; width: 100%; z-index: 100; top: 0 }
#menu3 .logo {margin: 5px 70px 5px 5px;}
#menu3 h1{float: left;  padding: 4px 20px 0 20px; text-align: center; font-size: 10px; line-height: 16px; font-weight: normal; }

#menu3 .rs {float: right; margin-top: 8px; }
#menu3 .rs img {margin-top: 0px}
#menu3 .rs  a{color: #f4f4f4; }

h2 {font-size: 16px; padding: 10px; line-height: 20px; font-weight: normal}


img.keep_center{}
img.fit_width{width: 100%; height: auto}


h3 {font-size: 36px; line-height: 36px; font-weight: bold; padding: 36px 0 36px 0}

.reduce_text_width {padding-right: 18%}

.full_width.button{background: #494949; color: #bfbeb9; font-size: 13px; text-align: center; padding: 10px 0 10px 0 }
.full_width.button a {color: #bfbeb9; }

.bandeau {position: relative; z-index: 10; overflow: hidden; height: 430px;}
.bandeau #slides {z-index: 10; width:100%; height:100%;}
.slides_container {/*width:1750px; height:430px;*/width:100%; height:100%;}
.slides_container div {width:100%; height:100%; display:block;}

.bandeau .title{position: absolute; right: 15%; top: 20%; z-index: 11;}
.bandeau .title h2{font-size: 36px; line-height: 36px; font-weight: normal; color: #000; background: #bbb; opacity: 0.65; filter:alpha(opacity=65); margin-bottom: 5px; padding: 2px 10px 2px 10px}

.vignette{position: relative; max-height: 250px; overflow: hidden}
.vignette .masque {position: absolute; top: 0; left: 0; bottom: 0; right: 0 }
.vignette .caption {position: absolute; top: 220px; left: 0; padding: 10px;}

#artisans a {color: #000; text-decoration: none;}
#artisans a:hover{color: #999}

#artisan h3 {padding: 0; color: #80806F;}

#footer {color: #80806F; padding-top: 48px; font-size: 12px}


input {border: 1px solid #dbd7d1}
label{width: 200px; text-align: left}
input[type=submit] {cursor: pointer}
input[type=submit]:hover {background: white}

#bo_artisan .bandeau2 {background: #008081; color: white; font-size: 17px; line-height: 25px; height: auto; z-index: 0}
#bo_artisan a {color: #000}
#bo_artisan a:hover {color: #fff}


#bo_artisan .grey {background: #e5e3e4; color: #afadae}
#bo_artisan h2{font-weight: normal; font-size: 32px; color: #494949; padding: 0}
#bo_artisan h3{font-weight: normal; font-size: 18px; padding: 0; color: #494949;}

#bo_artisan input, #bo_artisan textarea, #bo_artisan .button{color: #494949; background: white; border: none; height: 22px;  width: 100%; padding-left: 4px}
#bo_artisan select{color: #494949; width: 125px; background: white; border: none; height: 24px;  padding-left: 4px}
#bo_artisan input.button_submit {width: auto; padding: 10px 20px 10px 20px ; height: 40px; color: white;}
#bo_artisan input.button_submit:hover {opacity: 0.8; filter : alpha(opacity=80);}
#bo_artisan .degrade_rouge { font-size: 11px; font-weight: bold; letter-spacing: 1px; 
								-webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; cursor: pointer; 
								background: #d0033b; background: -moz-linear-gradient(top,  #d0033b 0%, #c60846 100%);
								background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d0033b), color-stop(100%,#c60846));
								background: -webkit-linear-gradient(top,  #d0033b 0%,#c60846 100%);
								background: -o-linear-gradient(top,  #d0033b 0%,#c60846 100%);
								background: -ms-linear-gradient(top,  #d0033b 0%,#c60846 100%);
								background: linear-gradient(to bottom,  #d0033b 0%,#c60846 100%);
								filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d0033b', endColorstr='#c60846',GradientType=0 );}

#bo_artisan a.button_popup {padding: 10px 20px 10px 20px ; height: 40px; color: white;}								
#bo_artisan  a.button_popup:hover {opacity: 0.8; filter : alpha(opacity=80);}
#bo_artisan .degrade_gris {font-size: 14px; 
								-webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; cursor: pointer; 
								background: #808080; background: -moz-linear-gradient(top,  #808080 0%, #666666 100%);
								background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#808080), color-stop(100%,#666666));
								background: -webkit-linear-gradient(top,  #808080 0%,#666666 100%);
								background: -o-linear-gradient(top,  #808080 0%,#666666 100%);
								background: -ms-linear-gradient(top,  #808080 0%,#666666 100%);
								background: linear-gradient(to bottom,  #808080 0%,#666666 100%);
								filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#808080', endColorstr='#666666',GradientType=0 );}								

								




#bo_artisan .button{color: #afadae; cursor: pointer; font-style: italic; padding-top: 2px; font-size: 0.9em}
#bo_artisan .button:hover{background: #808080; color: white}
#bo_artisan .hide_input_file{height: 0px;width:0px; overflow:hidden;}


#bo_artisan .champs_left{position: relative; margin: 0; width: 330px}
#bo_artisan .champs{position: relative; margin-left: auto; margin-right: auto; width: 230px; }
#bo_artisan .champs label, #bo_artisan .champs_left label{position: absolute; top: 2px; left: 2px; cursor: text}

#bo_artisan textarea{width: 100%; height: 100px}
#bo_artisan textarea.big{width: 452px; height: 295px}
#bo_artisan label{color: #afadae; font-style: italic}

#bo_artisan hr { border: none; border-top: 1px solid white;}
#bo_artisan .half_page {width: 490px}
#bo_artisan .half_page .content{margin: 15px}
#bo_artisan .padding{margin: 15px}

#bo_artisan .popup{position: absolute; top: 0; left: 0; right: 0; z-index: 1000; display: none; }
#bo_artisan .popup .background{position: absolute; top: 0; bottom: 0; left: 0; right: 0; background: #fff; opacity: 0.6; filter:alpha(opacity=60);  }
#bo_artisan .popup .content{ position: absolute;  top: 15%; left: 50%; margin-left: -230px; width: 460px; color: white}
#bo_artisan .popup  .content .background{position: absolute; top: 0; bottom: 0; left: 0; right: 0; background: #999; opacity: 0.9; filter:alpha(opacity=90);  }
#bo_artisan .popup hr{width: 350px; margin-left: 0px}
#bo_artisan .popup .content h3{color: #ffffff}
#bo_artisan .popup .close {position: absolute; top: 0; right: 0; width: 50px; text-align: right}
#bo_artisan #news_video_help{font-size: 10px}

#bo_artisan .liste{-webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; border: 1px solid white; background: #efefef; height: 270px; overflow: auto; padding: 10px}

#error {color: red; text-align: left}
#error li{ list-style-type: circle;}