/* CSS GABARIT 2 COLONNES */

* {margin:0; padding:0; border: none; }

body {font-family: Verdana; padding:0; font-size: 11px; text-align: center; color: #757373; background-color: #dad0bf}

h1 a {position: absolute; left: 34px; top: 49px;    }
h2 {margin: 0; margin-bottom:5px;  font: normal 18px "Trebuchet MS"; color: #338cd1; padding: 0 0 0 2px; border-bottom:1px solid #cbcbcb; font-variant:small-caps   }
h6{margin: 0; margin-bottom:5px;  font: normal 18px "Trebuchet MS"; color: #338cd1; padding: 0 0 0 2px; border-bottom:1px solid #cbcbcb; } 
h3 { margin:0;  font: bold 14px verdana; color: #fca700;   }
h4 { margin: 15px 0 10px 20px;  font: normal 17px "Trebuchet MS"; color: #806b3c;  }
h5 { margin: 15px 0 10px 20px;  font: normal 16px "Trebuchet MS"; color: #806b3c;  }

p {font: normal 11px/15px arial;  margin: 10px 0 10px 0px; text-align:left }

input {	padding: 0 0 0 3px; font-size:11px; color:#999 }
textarea  {	padding:  4px; font-size:12px; color:#999 }

ul li {list-style: none; font: normal 11px/15px arial;  margin: 10px 15px 10px 24px;  background:url(../images/puce/all.gif) left 6px no-repeat; padding-left:10px; zoom:1  }
ul.puced li {list-style: none;  margin: 10px 15px 10px 24px; padding: 0 0 0 13px; background: url(../images/puce/puce.gif) left 2px no-repeat;}
ul.radio li {float: left; }
ul.radio li input{margin: 0px 4px 0 0px; position:relative; top: 2px; left: 0px;   }
 
a img {border: none; text-decoration: none; }

a {color:#318ed4; text-decoration: none; font: normal 11px arial;}
a:hover {color: fca700; text-decoration: underline;}

.top{ text-align:right; border-top:1px solid #ddd}
.top a{ color:#777; text-decoration:none; font-size:11px}
#content .top a#hover{ color:#FF9900}


		/*                       CONTENEURS GENERAUX                     */	
		#main { position: relative; margin: 0 auto; width: 915px; text-align:left; }
		#header {  width:915px;  height:214px; background: url(../images/fond/header.jpg) left top no-repeat;   }
		#left {  width:261px; background-color:#fff}
		#contenu { margin: 0; padding:0;   overflow: auto; width:655px;  height:514px;background: url(../images/fond/contenu.png) right bottom no-repeat;  }
		#content {width:95%; margin-bottom:20px; margin-top:5px}
		
		/*                     MENU-LEFT          */		
		#divmenu{background: url(../images/fond/leftbottom.jpg) left bottom no-repeat; padding-bottom:220px  }
		#divmenu ul{ margin-left:15px; width:219px; border-top: 1px solid #fff}
		#divmenu ul ul{ margin-left:-15px; margin-bottom:0px; border:none; padding-bottom:8px;}
		#divmenu li{ border-bottom:1px solid #d2d2d2; padding:0px 0px 9px 15px;background: url(../images/puce/menu.gif) 5px 5px no-repeat; margin-bottom:-6px }
		#divmenu li li{ border-bottom:none;padding-left:10px;background: url(../images/puce/ssmenu.gif) left 5px no-repeat; margin-bottom:-17px}
		#divmenu li a { text-decoration:none; font-size:13px; font-weight:bold; font-variant:small-caps; color:#e7a904}
		#divmenu li a:hover { color:#e9d315}
		#divmenu li li a { font-size:11px; font-weight:normal; font-variant:normal; color:#56595b}
		#divmenu li li a:hover { color:#929394}
		#divmenu li li li{ background: url(../images/puce/sousli.gif) left 5px no-repeat; }
		#divmenu li li li a { font-size:11px; font-weight:normal; font-variant:normal; color:#929394}
		#divmenu li li li a:hover { color:#56595b}
		
		/*                     MENU-LEFT          */		
		#divmenuactu{background: url(../images/fond/leftbottom.jpg) left bottom no-repeat; padding-bottom:220px  }
		#divmenuactu ul{ margin-left:15px; width:219px; border-top: 1px solid #fff}
		#divmenuactu ul ul{ margin-left:-15px; margin-bottom:0px; border:none; padding-bottom:8px;}
		#divmenuactu li{ border-bottom:1px solid #d2d2d2; padding:0px 0px 9px 15px;background: url(../images/puce/menu.gif) 5px 5px no-repeat; margin-bottom:-6px }
		#divmenuactu li li{ border-bottom:none;padding-left:10px;background: url(../images/puce/ssmenu.gif) left 5px no-repeat; margin-bottom:-17px}
		#divmenuactu li a { text-decoration:none; font-size:13px; font-weight:bold; font-variant:small-caps; color:#e7a904}
		#divmenuactu li a:hover { color:#e9d315}
		#divmenuactu li li a { font-size:11px; font-weight:normal; font-variant:normal; color:#56595b}
		#divmenuactu li li a:hover { color:#929394}
		/*                      FOOTER           */		
		#outro {  width:915px; height: 32px; background: url(../images/fond/footer.gif) no-repeat ;  }
		#outro p {  color:#a99777; text-align: center;  padding: 2px 0 0 0   }
		#outro p a{ color:#a99777; text-decoration: none; margin:0 5px 0 5px }
		#outro p a:hover {text-decoration: underline; }
		
		/*						LINKS				*/
		#link-home{ position:absolute; left:391px; top:189px}
		#link-contact{ position:absolute; left:475px; top:189px}
		#link-plan{ position:absolute; left:566px; top:189px}
		#link-search{ position:absolute; left:680px; top:189px}
		#link-contact a, #link-plan a, #link-search a, #link-home a{ color:#fff; text-decoration:none; font-size:12px; font-weight:bold; font-variant:small-caps;}
		.ch{ width:88px; height:14px;}
		
		
		/* 					HEADER             */	
		div.slideshow {margin: 18px auto; top:-6px; left:72px }
		div.slideshow p {padding-top: 9px;}
		div.slideshow ul {background: #FFF;bottom: -35px;left: 0px;position: absolute;overflow: hidden;padding: 5px 0;z-index: 10001;}
		div.slideshow ul a {background-position: 50% 50%;cursor: pointer;display: block;height: 25px;margin-right: 5px;opacity: 0.5;width: 30px;}
		div.slideshow ul a.active, div.slideshow ul a:hover {opacity: 1;}
		div.slideshow ul li {float: left;list-style: none;}


/* 	HOME  */	
		/*  contact  */
		#home #contact-home { width:360px; height:214px;line-height:100%} 
		#contact-home { }
		/*  actu  */
		#home #actu-home { width:360px; height:286px} 
		.img-actu{ height: 105px; margin:0; padding:0}
		h3 .date { font-size:12px; color:#999}
		/*  localisation  */
		#home #localisation-home { width:262px; height:500px; background: url(../images/fond/localisation-home.gif) right 15px no-repeat ; color:#fff;} 
		#home #localisation-home div{ position: relative}
		#home #localisation-home p{ width:230px; position:absolute; top:90px; left:31px}
		#home #localisation-home a{ color:#fff; font-weight:bold; text-decoration:none}
		#home #localisation-home a:hover{text-decoration:underline}
		
		
		

/* PAGE INTERNES  */

		/*  Page mention  */
		.adr{ margin: 20px 0 15px 28px }
		.adr2{ margin: 20px 0 15px 45px }
		.adr, .adr2{ float: left; height: 225px; padding: 0; width: 249px;background: url(../images/fond/mentions.gif) left top no-repeat; }
		.adr-Bot, .adr2-Bot  { padding: 10px 0 0 30px;}
		.conformemement{ font: normal 10px arial }

		
		/* 	Page Contact   */
		ul.listecontact  { margin: 15px 0 10px 0; padding: 0  }
		ul.listecontact li { float: left; margin: 0 5px 15px 5px; padding: 4px; border: 1px dotted #8adad9 }
		form.contact { background: url(../images/fond/formu-contact.jpg) right 112px no-repeat; }
		form.cherch { background: url(../images/illustr/search.jpg) right bottom no-repeat; }
		form.contactform { width: 80%; margin: 10px auto 10px auto; border: 1px solid #c8e0f3; padding: 10px; background-color:#fff }		
		form.contactform input{ border: 1px solid #cfcfcf; padding: 0 0 0 2px }
		form.contactform .valid{ border:1px solid #e6e6e6; padding:3px; color:#fd9b00;font-weight:bold;background: url(../images/fond/input.gif) right bottom repeat-x;}
		form.contactform label, form.formatform label { width: 196px; font: normal 11px verdana }
		form.contactform textarea { width: 95%; margin: 6px auto 0 auto; border: 1px solid #cfcfcf; display: block }
		.conformement { margin: 0 auto; font-size:10px; font-style:italic; text-align:center }
		select#civility { border: 1px solid #CFCFCF }
		form.contactform fieldset legend, form.formatform fieldset legend { margin: 20px 0 -5px 0; font: normal 18px "Trebuchet MS"; color: #c30001 }
		form.contactform fieldset p{ margin: 5px 0 8px 0 }
		a.question_boule { cursor: help; width: 19px; height: 20px; margin: 0 0 0 5px; position:relative; top: 4px; left: 0 }
		.centerbut 	 { text-align: center; margin: 13px 0 5px 0 }	 
		#content .centerbut input  { border:none }	
		select{ font-size:12px; color:#999}
		
		/*  Plan du site  */
		ul.plansite{ width:100%; background: url(../images/illustr/plansite.jpg) 295px 108px no-repeat;}
		ul.plansite li a{ color:#FF9900; font-weight:bold; font-size:14px; text-decoration:none}
		ul.plansite li ul li a{ color:#777; font-size:11px; font-weight:normal}
		ul.plansite li ul li { margin-bottom:0px; margin-top:0px}
		
		/* Recherche  */
		.links{ text-align:center; color:#777;}
		.links a{ color:#FF9900; text-decoration:underline; font-weight:bold}
		.result_search td{ border-bottom:1px solid #ccc; padding-top:20px; width:50%}
		.result_search td a{ font-weight:bold}
		
		
		/*   Appels d'offres   */
		.cadre_offres{ border:1px solid #ccc; padding:5px}
		.liste_offres caption{text-align: center; font: bold italic 12px arial ;  margin: 15px auto 10px auto;  color: #fd9b00;}
		.liste_offres th{ color:#fff; font-weight:bold; background-color:#3186c9; padding:2px}
		.liste_offres td { border-bottom:1px solid #ccc; padding:2px}
		
		
		/*		Tableau		*/
		.tableau .entete td{ padding:3px; border:1px solid #ccc; color:#fff; background-color:#318ed4; font-weight:bold }
		.tableau td { padding:3px; border:1px solid #ccc; }
		.tableau  .dpt{ font-weight:bold; color:#ffa200}
		.tableau .total { font-weight:bold;  color:#058214}


/*                        General styles                   */	


.lbleft { float: left; width: 140px; }
.input  {   border: 1px solid black; }
.bordered {border: 1px solid black; }
.noborder {border:none }
.kill {display: none;}
.fleft {float: left; margin:0px 10px 10px 0}
.fright {float: right; margin:0px 0 10px 10px}
.center {text-align: center; }
.clear {clear:both; visibility: hidden }
.noborder {border: none}
.bita{text-align: center; font: bold italic 12px arial ;  margin: 15px auto 10px auto;  color: #fd9b00;}
.center {text-align: center}
.left {text-align: left; }
.right {text-align: right; }
.full {width: 100%}
.button {text-align: center; margin: 10px 0 0 0px; clear: both; }
.button input{border: none }
.img_border{ padding:8px; border:1px solid #e1dfdf}
.intro{ font-weight:bold; color:#bcaa8b; font-size:13px;}
.bold{ font-weight:bold}
.taille { width:330px}

.blue{color:#297dbd}
.vert{ color:#058214}
.orange{ color:#ffa200}

.marge{ width:95%; margin:0 auto}


/*                 Messages d erreurs                    */
.denied {color: red; font: normal 12px arial; margin: 10px 20px 20px 30px;   }
.denied ul li {padding: 0 25px 0 17px; background: url(../images/puce/pucerouge.gif) left 2px no-repeat; margin: 0 0 3px 0px; }