/* RESET */
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, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td{margin:0; padding:0; border:0; outline:0; font-weight:inherit; font-style:inherit; font-size:100%; font-family:inherit; vertical-align:baseline}
:focus{outline:0}
body{line-height:1; color:black; background:white}
ol, ul{list-style:none}
table{border-collapse:separate; border-spacing:0}
caption, th, td{text-align:left; font-weight:normal}
blockquote:before, blockquote:after,
q:before, q:after{content:""}
blockquote, q{quotes:""""}
strong{font-weight:bold}
/* */
body {background:#B17A44; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 1em;}
div#page {
width:777px;
border:solid #491A14;
border-width:1px 1px 1px 12px;
margin: 121px 0 0 118px;
position:relative;
background:#DABCA4 url(../images/fond.gif) repeat-y 0 0;
}
div#gauche {
float:left;
width:74px;
}
div#droite {
float:right;
width:155px;
/*width:172px;*/
border-top:10px solid #491A14;
}
div#centre {
margin:0; padding:0;
background-color:#fff;
margin-left:74px;
margin-right:156px;
/*padding-right:156px;*/
border-top:10px solid #491A14;
/*width:545px;*/
/*overflow:hidden;*/
}
div#centre h2{color:#90461E; font-size:24px; padding:0.5em 0 0.5em 0.5em; text-transform: uppercase;}
div#centre h2 sup{font-size:12px;}
div#centre p#soustitre {margin:0; padding:0 0 0 1em; color:#90461E; font-style:italic; font-size:14px}
/* menu général */
ul#menu {padding:0; margin:0; background:#d4b599;}
ul#menu li{padding:0; margin:0; padding-left:20px; font-size:0.8em; line-height:1.7em; border-bottom:1px solid #491A14; background:#d4b599}
ul#menu li a {text-decoration:none; color:#491A14;}
ul#menu li a:hover {font-weight:bold}
ul#menu li ul {border:0; padding:0; background:#d4b599}
ul#menu li ul li {border:0; padding:0; background:#d4b599}
ul#menu li ul li.JS_focused a {font-weight:bold;}
/* Liste des projets d'une catégorie */
ul#liste_projets {padding:0 0 0 1em}
ul#liste_projets li{float:left; height:81px; width:80px; overflow:hidden}
/* tabs */
div.tabs_rea {
border-bottom:1px solid #D5B9A1;
height: auto !important; height: 60px; min-height: 60px;
}
div.tabs_rea ul li a img{filter:alpha(opacity=50);-moz-opacity:.50;opacity:.50;}
div.tabs_rea ul li.currentView a img {filter:alpha(opacity=100);-moz-opacity:1;opacity:1;}
div.tabs_rea p {font-size:0.8em; margin: 0 10px 10px 10px; line-height:1.4em}
div.tabs_rea p.descriptif {font-size:1em; margin: 10px 10px 10px 10px; line-height:1.4em; font-weight:bold; border-bottom:0px solid #B17A44}
div.tabs_rea div.component {margin:0 auto; width:525px;}
ul#tabnav{/* general settings */
text-align:right; /* set to left,right or center */
margin:1em 0 5px 0; /* set margins as desired */
font:bold 11px verdana,arial,sans-serif;
border-bottom:1px solid #D5B9A1;
list-style-type:none;
padding:0px 40px 0px 10px; /* THIRD number must change with respect to padding-top (X) below */
}
ul#tabnav li{/* do not change */display:inline;}
body#tab1 li.tab1, body#tab2 li.tab2, body#tab3 li.tab3, body#tab4 li.tab4{/* settings for selected tab */
border-bottom:1px solid #fff; /* set border color to page background color */
background-color:#fff; /* set background color to match above border color */
}
body#tab1 li.tab1 a, body#tab2 li.tab2 a, body#tab3 li.tab3 a, body#tab4 li.tab4 a{/* settings for selected tab link */
background-color:#fff; /* set selected tab background color as desired */
color:#000; /* set selected tab link color as desired */
position:relative;
top:1px;
padding-top:4px; /* must change with respect to padding (X) above and below */}
ul#tabnav li a{/* settings for all tab links */
padding:0px 0px; /* set padding (tab size) as desired; FIRST number must change with respect to padding-top (X) above */
border:0px solid #D5B9A1; /* set border COLOR as desired; usually matches border color specified in #tabnav */
background-color:#fff; /* set unselected tab background color as desired */
color:#000; /* set unselected tab link color as desired */
margin-right:0px; /* set additional spacing between tabs as desired */
text-decoration:none;
border-bottom:none;
position:relative;
}
ul#tabnav li a img {position:relative; top:3px}
ul#tabnav a:hover{/* settings for hover effect */background:#fff; /* set desired hover color */}
ul#tabnav li a img{filter:alpha(opacity=75);-moz-opacity:.75;opacity:.75;}
ul#tabnav li a img.currentView{filter:alpha(opacity=100);-moz-opacity:1;opacity:1;}
/* Jquery UI Tabs */
.ui-tabs-hide {display:none;}
li.ui-tabs-selected a{background-color:#fff !important;}
/* miniatures des images */
ul.rea_thumb {margin:0 0 10px 0; padding:0 40px 2px 10px;/* border-bottom:1px solid #D5B9A1*/; text-align:right;}
ul.rea_thumb li {display:inline;}
ul.rea_thumb li a {border:0; text-decoration:none;}
ul.rea_thumb li a img {border:1px solid #D5B9A1}
div#rea_big {width:100%; overflow:hidden;}
/* CONTACT */
form#contact {margin-top:1.5em; margin-left:1em;}
form#contact p {margin:0 0 1em 0}
form#contact p.error {padding-left:20px; background:#fff url(../images/exclamation.gif) no-repeat 0 0}
form#contact p label {float:left; width:35%; font-size:0.8em;}
form#contact p input, form#contact p textarea {border:1px solid #860D06}
form#contact p textarea {scrollbar-face-color: #D9CEB2;}
/* AMBIANCE INTERNE */
div.imageDeOuf{scrollbar-face-color:#BDC6C3; overflow:scroll; width:100%; height:305px;}
/* AGENCE */
ul#agence {border-bottom:1px solid #528080; text-align:right; padding-right:10px; margin-bottom:1em;}
ul#agence li {line-height:1.2em;}
ul#agence li a{font-size:0.8em; color:#528080; text-decoration:none;}
ul#agence li a:hover{text-decoration:underline;}
div#agence_texte {padding:0 10px; margin-top:1em; font-size:0.8em;}
div#agence_texte p {margin-bottom:1em; line-height:1.2em;}
/* */
.clearfix:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
.clearfix {display: inline-block;}
html[xmlns] .clearfix {display: block;}
* html .clearfix {height: 1%;}