* { margin: 0px; padding: 0px; text-align:left; }
body { background: #401b09 url("../images/bg.png") repeat-x top; font: 12px/18px "Lucida Grande", Geneva, Arial, Verdana, sans-serif; color:#000000; font-size:12px; height:100%; }
img { border:none; vertical-align:middle; }
#main { margin-top:10px; margin-bottom:10px; width: 800px; margin-right: auto; margin-left: auto; }
#head { padding-top:20px; }
.logo { float:left; margin-left:0px; margin-bottom:0px; }
.accroche { float:right; margin-bottom:0px; }
#menu { clear:both; margin-left:0px; margin-right:0px; }
#top { margin-top:20px; height:14px; background: url("../images/top.png") no-repeat; }
#bottom { height:14px; background: url("../images/bottom.png") no-repeat; }
#content { background: #fff; height:400px; overflow:hidden; overflow-y:auto; }
#change { margin:0; padding:0; }
#contentchange { padding-top:10px; padding-bottom:0px; padding-left:50px; padding-right:50px; min-height:390px; }
#left { float: left; width:350px; text-align:justify; }
#left_prestations { float: left; width:430px; }
#right { float:right; width:250px; height:280px; margin-right:10px; margin-top:0px; overflow:hidden; }
#top_realisations { width:100%; margin-top:10px; height:210px; margin-right:10px; overflow:hidden; background-color:#f4e8ce; margin-bottom:30px; margin-bottom:40px; }
.titreportfolio { color:#CC8A17; font-size:16px; padding-left:20px; padding-bottom:5px; }
.carouselcontrol { width:900px; }
.carouselcontrol li { float:left; list-style: none; margin-left:4px; }
.carouselcontrol a { text-decoration:none; font-size:9px; color:#000000; }
#prevrea { float: left; width:30px; margin-right:10px; }
#nextrea { float: right; width:30px; }
.reaclass { }
.rea_titre { font-size:16px; color:#913D16; font-weight:bold; margin-bottom:5px; }
.visu_realisations { float: left; padding-top:20px; padding-bottom:20px; }
.desc_realisations { float: left; padding-top:20px; margin-left:20px; font-size:13px; width:280px; }
.desc_realisations a { text-decoration:none; color:#000000; font-style: italic; }
#bottom_realisations { height:60px; margin-right:10px; margin-top:30px; width: 700px; overflow: hidden; padding-left:16px; }
#right_prestations { float:right; width:240px; margin-right:0px; margin-top:20px; }
.prestahome { border:thin; border-style:solid; border-color:#913D16; margin-top:30px; line-height:30px; padding:10px; font-size:18px; font-weight:bold; color:#de6d41; -moz-border-radius: 1em; border-radius: 1em; }
.prestadesc { border:thin; border-style:solid; border-color:#913D16; padding:10px; background-color:#F4E8CE; font-size:14px; -moz-border-radius: 1em; border-radius: 1em; }
h1 { color:#913D16; font-size:20px; margin-bottom:10px; line-height:20px; }
.soustitrepresta { color:#de6d41; font-style: italic; }
.titrerea { text-align:center; }
.logorea { text-align:center; }
.textrea { text-align:justify; padding:0px; padding-top:0px; }
#kokmo1 { padding:10px; width:100px; position:relative; top: 30px; left: 220px; font-weight:bold; font-size:18px; }
#kokmo2 { padding:10px; width:160px; position:relative; top: 40px; left: 195px; font-weight:bold; font-size:16px; text-align:center; }
#kokmo3 { padding:10px; width:160px; position:relative; top: 30px; left: 300px; font-weight:bold; font-size:16px; text-align:center; }
#kokmo4 { padding:10px; width:160px; position:relative; top: 50px; left: 300px; font-weight:bold; font-size:16px; text-align:center; }
#footer { margin-left:50px; margin-right:50px; font-size:9px; text-align:center; color:#CB8816; }
#footer a { text-decoration:none; color:#CB8816; }
/* Styles for the entire LavaLamp menu */
.lavaLamp { position: relative; height: 29px; width: 800px; background: url("..//images/bgmenu.png") no-repeat top; padding: 0px; margin: 0px; padding-left:40px; margin-left:-20px; overflow: hidden; }
/* Force the list to flow horizontally */
    .lavaLamp li { float: left; list-style: none; }
/* Represents the background of the highlighted menu-item. */
        .lavaLamp li.back { background: url("../images/lava.png") no-repeat right -30px; width: 9px; height: 30px; z-index: 8; position: absolute; }
.lavaLamp li.back .left { background: url("../images/lava.png") no-repeat top left; height: 30px; margin-right: 9px; }
/* Styles for each menu-item. */
.lavaLamp li a { position: relative; overflow: hidden; text-decoration: none; text-transform: uppercase; font: bold 14px arial; color: #fff; outline: none; text-align: center; height: 30px; top: 0px; z-index: 10; letter-spacing: 0; float: left; display: block; margin: auto 0px; padding-top:7px; padding-left:16px; padding-right:16px; }
/* For portfolio home */

		ul#animated-portfolio { padding: 0; margin: 0; list-style-type: none; }
ul#animated-portfolio li { padding: 0; }
.innerfade-title { position: absolute; bottom: 10px; left: 0; z-index: 290; width: 100%; background: #CC8A17; height: 34px; filter:alpha(opacity=70); -moz-opacity: 0.7; opacity: .7; border-top: 1px solid white; }
.innerfade-title h2 { color: white; font-weight: bold; margin-top: 0; margin-bottom: 0; text-align: center; font-family: Arial; font-size: 16px; font-style: italic; line-height: 34px; }
.mycontrolboxclass { position: absolute; right: 35px; top: 20px; }
/* For contact form */

.formulaire_ecrire_auteur fieldset { border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; }
fieldset ul li { list-style:none;}
.boutons {padding-left:30px;}
form label { height: 20px; font-weight: bold; margin-top: 0; margin-right: 0; margin-bottom: 3px; margin-left: 0; }
form label.mandatory { color: #FF5E24; }
form { margin: 0 0 15px 0; }
form fieldset { padding-left:30px; border: 0; width:450px; }
form fieldset legend { display: none; width:350px; }
form label { width: 315px; padding: 0 10px 0 0; clear: left; display: block; text-align: left; }
form input.text, form textarea { width: 285px; }
input, textarea { border-top: 1px solid #B0B3A7; border-right: 1px solid #E9EDDD; border-bottom: 1px solid #E9EDDD; border-left: 1px solid #B0B3A7; background: #FAFFED url(img/bg_text.gif) repeat-x; font: 11px/18px Tahoma, Arial, sans-serif; color: #333333; margin-top: 0; margin-right: 0; margin-bottom: 15px; margin-left: 0; padding-top: 0; padding-right: 5px; padding-bottom: 0; padding-left: 5px; }
input:focus, textarea:focus { border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: #5E330C; border-right-color: #C98816; border-bottom-color: #C98816; border-left-color: #5E330C; background-color: #CCCCCC; background-image: url(img/bg_text_hover.gif); background-repeat: repeat-x; }
input { height: 18px; }
form input.button { border: none; padding: 31px 0 0 0; margin: 10px 0 15px 125px; height: 31px; width: 117px; overflow: hidden; background: url(bt_send.gif) no-repeat left top; }
forminput.button:hover { background: url(img/bt_send.gif) no-repeat left -31px; }
.name { font-size:22px; font-weight:bold; color:#CC8916; }
.contact { margin-top:20px; font-size:18px; }
.previsu { width:350px; background-color:#CCCCCC; padding:20px; margin-bottom:30px; }
#formulaire_ecrire_auteur_1 .previsu .spip_bouton input { margin-top: 20px; }
.reponse_formulaire legend { display: none; }
/* For presta */
.mokapot { width:100%; }
.mokapot li { width:100%; padding:0px; margin:0px; display:block; float:left; clear:left; vertical-align:middle; }
.mokapot a { text-decoration:none; color:#913D16; font-size:12px; }
.mokapot a:hover { font-weight:bold; color:#EAAD14; }
/* For Rea */


#right_whois { float:right; width:220px; height:320px; margin-right:10px; margin-top:20px; overflow:hidden; }
#left_whois  { float: left; width:450px; text-align:justify; }
.clear  { clear:both;}






















/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> global settings needed for thickbox <<<-----------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
* { padding: 0; margin: 0; }
/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_window { font: 12px Arial, Helvetica, sans-serif; color: #333333; }
#TB_secondLine { font: 10px Arial, Helvetica, sans-serif; color:#666666; }
#TB_window a:link { color: #666666; }
#TB_window a:visited { color: #666666; }
#TB_window a:hover { color: #000; }
#TB_window a:active { color: #666666; }
#TB_window a:focus { color: #666666; }
/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_overlay { position: fixed; z-index:100; top: 0px; left: 0px; height:100%; width:100%; }
.TB_overlayMacFFBGHack { background: url(macFFBgHack.png) repeat; }
.TB_overlayBG { background-color:#000; filter:alpha(opacity=75); -moz-opacity: 0.75; opacity: 0.75; }
* html #TB_overlay { /* ie6 hack */ position: absolute;  height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}
#TB_window { position: fixed; background: #ffffff; z-index: 102; color:#000000; display:none; border: 4px solid #525252; text-align:left; top:50%; left:50%; }
* html #TB_window { /* ie6 hack */ position: absolute; margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}
#TB_window img#TB_Image { display:block; margin: 15px 0 0 15px; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; border-top: 1px solid #666; border-left: 1px solid #666; }
#TB_caption { height:25px; padding:7px 30px 10px 25px; float:left; }
#TB_closeWindow { height:25px; padding:11px 25px 10px 0; float:right; }
#TB_closeAjaxWindow { padding:7px 10px 5px 0; margin-bottom:1px; text-align:right; float:right; }
#TB_ajaxWindowTitle { float:left; padding:7px 0 5px 10px; margin-bottom:1px; }
#TB_title { background-color:#e8e8e8; height:27px; }
#TB_ajaxContent { clear:both; padding:2px 15px 15px 15px; overflow:auto; text-align:left; line-height:1.4em; }
#TB_ajaxContent.TB_modal { padding:15px; }
#TB_ajaxContent p { padding:5px 0px 5px 0px; }
#TB_load { position: fixed; display:none; height:13px; width:208px; z-index:103; top: 50%; left: 50%; margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */ }
* html #TB_load { /* ie6 hack */ position: absolute; margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}
#TB_HideSelect { z-index:99; position:fixed; top: 0; left: 0; background-color:#fff; border:none; filter:alpha(opacity=0); -moz-opacity: 0; opacity: 0; height:100%; width:100%; }
* html #TB_HideSelect { /* ie6 hack */ position: absolute;  height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}
#TB_iframeContent { clear:both; border:none; margin-bottom:-1px; margin-top:1px; _margin-bottom:1px; }
.puce { padding-bottom:6px;}