/**** gabarit ****/
html,body {margin:0;padding:0;background-color:#5C5C5C;color:#FFF;text-align: center;height:100%}
.right,#acces{text-align:right}
div{background:#FFF}
div,#header,#menu{color:#000}
div,div.intitule{margin:0}
div,#devis,div.cat,div.intitule{padding:0}
#acces,#bottom{background:#5c5c5c}
#acces{color:#FFF}
div.infos,#bottom{text-align:center}
#global,#devis,#nous,#newsletter,.basSommes,.hautSommes{margin:0 auto}
#global{width:710px}
#global,#devis,#nous,#newsletter{text-align:left}
#acces{padding:0 10px 3px 10px}
#header{background:#FFF url(../design/bg_header.gif) no-repeat top}
div.infos{margin:0 0 0 564px;width:140px}
div.infos,#nous,#newsletter,div.cat{background:none transparent}
#devis,#nous,#newsletter,.basSommes,.hautSommes{width:130px}
#devis{border-top:1px solid #893133;border-bottom:1px solid #893133}
#newsletter,div.cat{margin-top:5px}
#nous{background:url(../design/bg_sommes.gif) repeat-y top}
* html #nous{margin-top:-10px}
#menu{clear:left;background:#a9a9a9 url(../design/bg_menu.gif) no-repeat top;min-height:110px;height:auto}
* html #menu{height:110px}
div.cat{float:left}
div.cat,.contour{width:109px}
div.cat{margin-bottom:0}
#menu .blue{margin-left:10px}
* html #menu .blue{margin-left:5px}
#menu .yellow{margin-left:6px}
#menu .green{margin-left:8px}
#menu .orange{margin-left:7px}
#menu .reddupli{margin-left:7px}
#menu .red{margin-left:8px}

.contour{height:2px;font-size:1px;line-height:1px}
* html .contour{height:7px;font-size:7px;line-height:7px}
.blue div.intitule{background:transparent url(../design/bg_blue.gif) repeat-y}
.yellow div.intitule{background:transparent url(../design/bg_yellow.gif) repeat-y}
.green div.intitule{background:transparent url(../design/bg_green.gif) repeat-y}
.orange div.intitule{background:transparent url(../design/bg_orange.gif) repeat-y}
.reddupli div.intitule{background:transparent url(../design/bg_reddupli.gif) repeat-y}
.red div.intitule{background:transparent url(../design/bg_red.gif) repeat-y; font-size:0.95em;}
div.intitule{width:108px}
.red p { margin-left: 10px; color: #523135; font: bold .7em Arial, Helvetica, sans-serif; margin-top: 4px; }
* html .red p { margin-top: 2px; }
.red p a { color: #523135; text-decoration: none; }
.red p a:hover { color: #523135; text-decoration: underline }
* html div.intitule{margin-top:-5px}
#bottom{color:#d9d9d9;font:normal 0.8em Arial,Helvetica,sans-serif;padding-top:5px;padding-bottom:5px}
.basSommes,.hautSommes{height:10px}
.hautSommes{background:url(../design/tp_sommes.gif) no-repeat top}
.basSommes{background:url(../design/bt_sommes.gif) no-repeat top}
.zoneClick {position: absolute;width : 107px;height: 80px;margin-left: 10px;margin-top: 10px;}
/**** textes ****/
a,p,h3,h2,h1,.cat h3,.cat a,p#inscription,p#archives{margin:0;padding:0}
a,p,h3,h2,h1,#do_actions p{position:relative}
#blocCouleur ul{padding:5px 0 5px 0;margin:0 15px 0 27px;}
*html #blocCouleur ul{margin:0 15px 0 30px;}
#blocCouleur ul li {list-style-position: outside;}
a,#nous h3 a,#blocCouleur ul li a,#editoCont p a,#editoCont2 p a,#edito p a,.page a,.blue a,.yellow a,.green a,.orange a,.red a,.reddupli a,p#inscription a,p#archives a,p#archives a.ok,p#archives a.ok:hover,#do_actions p a{text-decoration:none}
a:hover,#nous h3 a:hover,#blocCouleur ul li a:hover,#editoCont p a:hover,#editoCont2 p a:hover,#edito p a:hover,.page a:hover,.blue a:hover,.yellow a:hover,.green a:hover,.orange a:hover,.red a:hover,.reddupli a:hover,p#inscription a:hover,p#archives a:hover,#do_actions p ahover{text-decoration:underline}
h2,h1{text-indent:-5000px;font-size:1px}
h2,h1,#nous p{line-height:1px}
#acces a{background:#5c5c5c}
#acces a,.presentation{font: normal 0.7em Arial,Helvetica,sans-serif}
#acces a,.cat h3 a,#blocCouleur ul li,#blocCouleur ul li a{color:#FFF}
#devis p,#newsletter h3,#do_actions p{background:#FFF}
#devis p{color:#5c5c5c;font:bold 0.65em Arial,Helvetica,sans-serif}
#devis p.titre{margin:3px 5px 0 5px}
#devis p{margin:3px 5px 5px 5px}
#devis p a.texte, #devis p a.texte:link, #devis p a.texte:visited, #devis p a.texte:hover, #devis p a.texte:active, #devis p a.texte:focus { color:#5c5c5c;text-decoration:none; }
#newsletter h3{margin-top:-18px;float:right;color:#ff3700;font:bold 0.75em Arial,Helvetica,sans-serif}
#newsletter h3{margin-top:-18px;float:right;color:#ff3700;font:bold 0.75em Arial,Helvetica,sans-serif}
#newsletter h3 a,#newsletter h3 a:link,#newsletter h3 a:visited,#newsletter h3 a:hover,#newsletter h3 a:active,#newsletter h3 a:focus{color:#ff3700;text-decoration:none; }

#newsletter p a{font:normal 10px Arial,Helvetica,sans-serif}
.cat h3{text-align:center}
.cat h3,.ref{font:bold 0.7em Arial,Helvetica,sans-serif;text-transform:uppercase}
#nous h3,#blocCouleur ul li,#editoCont p,#editoCont2 p,#edito p,#textepage p,#competences p{font:normal 0.8em Arial,Helvetica,sans-serif}
#edito p#ariane, #editoCont p#ariane, #editoCont2 p#ariane{font: normal 0.7em Arial,Helvetica,sans-serif}
#nous h3,#nous h3 a,.presentation,.ref{background:none transparent}
#nous h3,#nous h3 a,.ref,.page,.page a{color:#b83135}
#nous h3{margin-left:5px}
#nous p,#blocCouleur ul li{text-align:left}
#nous p,.presentation,p#archives a.ok{margin-left:10px}
.presentation{text-transform:lowercase;color:#8c8c8c}
#blocCouleur h3{font:bold 0.9em Arial,Helvetica,sans-serif;padding:15px 0 0 0;background:transparent}
#blocCouleur h3 .red{padding-left:10px;color:#b92d36}
#blocCouleur h3 .blue{padding-left:8px;color:#00a0c6}
#blocCouleur  h3 .yellow{padding-left:13px;font-size:.85em;color:#febd00}
#blocCouleur h3 .green{padding-left:30px;color:#5ccb00}
#blocCouleur h3 .orange{padding-left:20px;color:#ff7f00}
#blocCouleur h3 .reddupli{padding-left:9px}
#blocCouleur h3 .reddupli,.reddupli,.reddupli a{color:#fe2400}
#editoCont h3,#editoCont2 h3,#edito h3,#textepage h3,p#ariane{color:#a6a6a6}
#editoCont h3,#editoCont2 h3,#edito h3,#textepage h3{font:normal 0.9em Arial,Helvetica,sans-serif}
#editoCont p,#editoCont2 p,#edito p,#editoCont p a,#editoCont2 p a,#edito p a,#textepage p,#competences p{color:#404040}
#editoCont p,#editoCont2 p,#edito p,#textepage p{text-align:justify}
p#ariane,#competences h3{margin-bottom:20px}
.page{font:normal 1.2em Arial,Helvetica,sans-serif}
#competences h3{color:#8d3134;font:bold 0.8em Arial,Helvetica,sans-serif}
#competences p{margin-left:25px;margin-bottom:10px}
.blue,.blue a{color:#008ac6}
.yellow,.yellow a{color:#ffbf00}
.green,.green a{color:#1fa100}
.orange,.orange a{color:#ff6100}
.reddupli,.reddupli a{color:#b80000}
.red,.red a{color:#b03235;}
.intitule h3 {color: #FFF;}
.intitule h3 a {color: #FFF;}
.red .intitule h3 { font-size: .7em;}
p#inscription{float:left;width:64%}
p#inscription,p#inscription a,p#archives,p#archives a,#do_actions p{font:.8em Arial,Helvetica,sans-serif}
p#inscription,p#inscription a,p#archives,p#archives a{color:#999}
p#archives{margin-left:65%}
p#archives a.ok{font:bold 12px Arial,Helvetica,sans-serif}
p#archives a.ok,#do_actions p{color:#333}
p#archives a.ok:hover,#do_actions p a{color:#b03235}
#do_actions p{margin:5px 0 5px 0}

/**** elements ****/
img{border:0;margin:0}
#acces img{margin-bottom:-2px}
#header img{margin:10px 15px 5px 15px}
#editoCont td{color:#404040;font:normal 0.8em Arial,Helvetica,sans-serif;text-align:left}
#editoCont2 td{color:#404040;font:normal 0.8em Arial,Helvetica,sans-serif;text-align:left}
#editoCont #tabForm td{font-size:1em}
#editoCont2 #tabForm td{font-size:1em}
/**** forms ****/
fieldset, form, label, input, textarea {position: relative; }
fieldset,form,form#news input,#dupli_compte label{margin:0}
fieldset,form,form#news input,#dupli_compte label,form#formDevis input.radio,form#formDevis input.check,form#formCandidature input.radio,form#formCandidature input.check{padding:0}
fieldset,form,form#news input{width:100px}
fieldset,form,form#formDevis input.radio,form#formDevis input.check,form#formCandidature input.radio,form#formCandidature input.check{border:0}
legend{display:none}
form#news input{background:#FFF;border:1px solid #7f9db9;height:1.1em;color:#000}
form#news input,#dupli_compte label{font:normal 0.8em Arial,Helvetica,sans-serif}
form#dupli_compte{width:100%;margin-top:30px}
#dupli_compte label,form#formDevis label.court,form#formDevis label.selected,form#formDevis label.marge,form#formDevis label.long,form#formDevis label.mini,form#formCandidature label.court,form#formCandidature label.selected,form#formCandidature label.marge,form#formCandidature label.long,form#formCandidature label.mini{float:left}
#dupli_compte label,form#formDevis label.marge,form#formCandidature label.marge{width:8em}
#dupli_compte label,#dupli_compte input,form#formDevis label,form#formCandidature label{text-align:left}
#dupli_compte label,#dupli_compte input,form#formDevis,form#formDevis label,form#formCandidature,form#formCandidature label{color:#404040}
#dupli_compte input{font:normal 0.9em Arial,Helvetica,sans-serif;border:1px solid #fe2400}
#dupli_compte input,form#formDevis select,form#formDevis textarea,form#formCandidature select,form#formCandidature textarea{margin:2px 0 2px 0}
#dupli_compte input.submit{background:#f0f0f0;text-align:center}
form#formDevis,form#formCandidature{width:460px;font:normal .8em Arial,Helvetica,sans-serif}
form#formDevis label,form#formCandidature label{padding:4px 0 0 0}
form#formDevis label.court{width:5em}
form#formDevis label.court,form#formDevis label.mini,form#formCandidature label.court,form#formCandidature label.mini{font:normal .9em Arial,Helvetica,sans-serif}
form#formDevis label.selected,form#formCandidature label.selected{width:12em}
form#formDevis label.selected,form#formDevis label.marge,form#formDevis label.long,form#formCandidature label.selected,form#formCandidature label.marge,form#formCandidature label.long{font:normal 1em Arial,Helvetica,sans-serif}
form#formDevis label.marge,form#formDevis input.check,form#formCandidature label.marge,form#formCandidature input.check{margin:0 0 0 20px}
form#formDevis label.long,form#formCandidature label.long{width:18em}
form#formDevis label.mini,form#formCandidature label.mini{margin:-8px 0 0 0;color:#999}
form#formDevis input,form#formDevis select,form#formDevis textarea,form#formCandidature input,form#formCandidature select,form#formCandidature textarea{border:1px solid #404040}
form#formDevis input,form#formCandidature input{margin:0 0 4px 0}
form#formDevis input.radio,form#formCandidature input.radio{margin:7px 0 -2px 10px}
form#formCandidature label.court{width:6em}

/**** content ****/
#content{background:transparent url(../design/bg_container.gif) repeat-y;clear:left}
#content div,#do_actions{background:transparent}
#competences,#photopage,#edito,#editoCont,#textepage{float:right;background:transparent}
#editoCont2{float:center;background:#FFFFFF}
#editoCont2{width:500px;margin-left:90px;background:#FFFFFF}
#competences{width:480px;margin-right:30px;margin-top:30px;background:transparent;}
#photopage{width:100px;margin-top:60px}
#photopage,#edito{margin-right:25px}
* html #competences{margin-right:15px}
#edito{width:480px;background:transparent}
#editoCont{width:460px;margin-right:40px;background:transparent}
* html #editoCont{margin-right:20px}
* html #editoCont2{margin-right:20px}
#textepage{width:270px;margin-right:60px;background:transparent}
#drapeau{margin-left:6px;margin-top:-11px;margin-bottom:-11px;width:178px}
#blocCouleur{padding:12px 0 0 13px;background:transparent}
#blocCouleur,#blocTitre{width:165px}
#blocTitre{height:37px;background:transparent}
#do_actions{margin:0 50px 0 50px;background:transparent}