/* violet : 7b0059  
orange  : ee7f0e 
marron : 631e35
gris clair : e8e8e8
marron des paragraphes : 927A65
*/

@import url(reset.css);

* {font-family:verdana, arial, helvetica, sans-serif; font-weight:normal}
a {color:#ee7f0e; text-decoration:none;font-size: 11px}
a:hover, a.selected {color:#631e35}
h1 {position:relative; height:55px; margin-top: 30px; width:550;}

h1.home{background:url("../img/se38_energie_territoires.gif") no-repeat}
h1.edito{background:url("../img/mg-edito-president-se38.gif") no-repeat}
h1.presentation{background:url("../img/mg-presentation-missions-se38.gif") no-repeat}
h1.documentation{background:url("../img/mg-documentation-telechargement.gif") no-repeat}
h1.services{background:url("../img/as-services-syndicat-energies.gif") no-repeat}
h1.organigramme{background:url("../img/as-organigramme-se38.gif") no-repeat}
h1.marches{background:url("../img/as-marches-publics.gif") no-repeat}
h1.recrutement{background:url("../img/as-recrutement-stages.gif") no-repeat}
h1.executif{background:url("../img/is-executif-syndicat-energies.gif") no-repeat}
h1.territoire{background:url("../img/is-territoire-se38-bureau.gif") no-repeat}
h1.contact{background:url("../img/contact.gif") no-repeat}
h1.credits{position:relative;background:url("../img/mentions-legales.gif") no-repeat}


h1 span, h5 span {display:none}
h2 {font-family: verdana; color:#ee7f0e;font-size:18px; line-height:24px; height:110px; margin-top:25px; margin-left:50px; margin-right:50px}
h3{color:#631e35; margin-left:10px; margin-top:10px;margin-bottom: 20px;  font-size:12px}
h4 {color:#631e35; font-size:15px; line-height:20px; text-transform:uppercase; margin-bottom: 20px; font-family: verdana}
h5.chiffre-cle{position:relative;background:url("../img/mo-chiffres-cles.gif") no-repeat;width:200px;height:40px;margin-top :10px;margin-bottom :20px}
h5.executif{position:relative;background:url("../img/mo-executif.gif") no-repeat;width:200px; height:40px; margin-top :10px;margin-bottom :20px}

hr{clear:both; visibility:hidden; margin-bottom:30px}
p, ul {color:#927A65; font-family:arial; font-size:12px; line-height:24px}
strong {font-weight:bold}


table{width:100%; color:#927A65; font-family:arial; font-size:12px;}
td{padding:5px 0}
.marche{width:100%; background-color: #631e35;color:#ffffff; text-align:center; line-height: 24px; }

#global {margin:20px auto 0px; width:920px !important; width:926px}
#bandeau {height:180px; position:relative; width:920px}
#bandeau #bandeauDroit {background-color: #ee7f0e; float:right; height:180px; width:180px}
#bandeauDroit img {margin:20px}
#bandeau .logoheader {position:absolute; top: 35px; left:11px}
#bandeau .bandeau {position:absolute; right:180px }
#menu {border:solid 1px #631e35; width:160px; padding:30px 0}
#menu ul {color:#ee7f0e; font-size:10px; padding-left:10px}
#menu li {padding-bottom:10px; line-height:15px}
#menu .sep {border-bottom:solid 1px #631e35; margin-bottom:20px; _margin-top:-10px; width:95%}
#menu .sepblktop {margin-bottom:10px !important;margin-bottom:-10px}
#menu .sepblkbottom {margin-bottom:0px !important;margin-bottom:-20px}
#menu .titre {padding:0px 0 5px}
#centre, #centreHome {border:solid 1px #ee7f0e; margin:20px 0px 0px 180px !important;  margin:20px 0px 20px 177px !important; width:738px !important; width:735px}
#centre #colGauche {float:left; padding-left:20px; width:340px !important; width:320px}
#centre #colDroite {float:left; margin-left:20px; width:340px !important;width:320px}
#centreHome #colGauche {float:left; padding-left:0px; width:560px; }
#centreHome #colDroite {float:left; margin:10px 10px 0 0px; width:140px}
#centreHome #colDroite em {font-style: normal; color:#631e35}
#centreHome #colDroite p {font-size:11px; color:#927A65; line-height:14px; padding:0 0 0 5px}
#centreHome #colDroite .archivestitre {color:#631e35; }
#centreHome #colGauche p{margin-left:20px}
#centre #uneColonne{padding-left:50px; padding-right: 50px; }
#centre #uneColonne .margeHaute{margin-top: 40px; }

#colGauche h4 {padding:10px 20px 0 30px; text-transform: uppercase}
#colDroite h4 {padding:10px 30px 0 20px; text-transform:uppercase}
#colGauche img, #colDroite img {margin-bottom: 40px}
#colGauche p {padding:0px 20px 0 30px}
#colDroite p {padding:0px 30px 0 20px}
#colGauche ul {list-style:disc;margin:0px 20px 0 45px}
#colDroite ul {list-style:disc;margin:0px 30px 0 35px}
#colGauche li, #colDroite li {font-size: 12px; line-height: 24px; padding-bottom:5px}
#footer {clear:both; height:50px; margin: 0 50px 20px 180px; padding-left: 50px;  text-align:left}
#footer .credits {color:#927A65; margin:0 20px 20px 0; padding-top: 10px}
#footer .logofooter {float:right}


.margeHauteUl{padding-top:15px}
.margeHaute, .chapitre{margin-top:20px}
.margeHauteH4{margin-top:40px}
.imageTop {margin:0 0 20px 0}
.imageInText {margin:20px 0}
.imageOrganigramme{padding-left:40px; padding-bottom: 30px}


/* Actualite  */
.actu {margin-bottom:20px;}
.actu img{margin-top:5px;}
.actu a{margin-top:5px;}

/* Module de mise en exergue  */
.module {background :#631e35;border :solid 1px #ee7f0e;border-width :0 1px 1px 0; margin :25px 10px 25px 40px; padding : 10px 0px 0px;}
.module em{color:#ee7f0e;font-size:13px;}
.module li {list-style-type:none; padding-left :10px;background :url(../img/li.png) no-repeat 0 6px;margin :6px 0;font-size:11px;color:#FFFFFF;}
.module i{color:#FFFFFF;font-size:9px; font-style:normal}
.module b{color:#FFFFFF;font-size:11px;}


/* Telechargement */
#docs {float:left;width:640px; padding-left:50px;padding-bottom:20px;}
#docs li{display:block;float:left;text-align: center;line-height :12px;}
#docs a{color:#333;display:block;}
#docs a:hover{background-color:#fbbc8a;text-decoration:none !important;}
#docs li, #docs a{width:155px;overflow:hidden;margin-bottom:15px}
#docs img{border: 1px solid #000000;}
#docs span.image, #docs span.poids, #docs span.fichier{display:block;padding-left:10px;}
#docs span.image{padding-bottom:10px;margin-top:10px}
#docs span.fichier{color:#ee7f0e;font-size:10px;}
#docs span.poids{color:#000000;font-size:10px;margin-bottom:10px}

#centreHome #colDroite p img{margin:0; padding:20px 0 0px}



/* Tableau bureau */
#mytable {width: 600px;padding: 0;margin: 0;font: normal 11px auto "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;color: #631e35;background: #E6EAE9;}

caption {padding: 0 0 5px 0;width: 600px;font: italic 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;text-align: right;}
th {font: bold 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;color: #927A65;border-right: 1px solid #ee7f0e;border-bottom: 1px solid #ee7f0e;border-top: 1px solid #ee7f0e;letter-spacing: 2px;text-transform: uppercase;text-align:left;padding: 6px 6px 6px 12px;background: #CAE8EA}
th.nobg {border-top: 0;border-left: 0;border-right: 1px solid #ee7f0e;background: none;}

td.l {border-right: 1px solid #ee7f0e;border-bottom: 1px solid #ee7f0e;background: #fff;padding: 6px 6px 6px 12px;color: #927A65;}
td.r {border-bottom: 1px solid #ee7f0e;background: #fff;padding: 6px 6px 6px 12px;color: #927A65;}
td.alt {background: #fcdcbf;color: #631e35;}
th.spec {border-left: 1px solid #ee7f0e;border-top: 0;background: #fff url(images/bullet1.gif) no-repeat;font: bold 10px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;}
th.specalt {border-left: 1px solid #ee7f0e;border-top: 0;background: #fcdcbf url(images/bullet2.gif) no-repeat;font: bold 10px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;color: #631e35;}

/* a priori pas utilise */
#left {float:left; margin-top:20px; width:160px}