/* outils communs au site */

* 
	{
	margin: 0px; 
	padding: 0px;
	}
body 
		 {
		 font-family: Arial, Helvetica, sans-serif; 
		 font-size: 10pt; 
		 text-align:justify; 
		 }
img 
		{
		border: none;
		}

/* cadre à l'extrême gauche en noir */
#cadre 
			 {
			 position: absolute; 
			 background-color: #000000; 
			 width: 110px; 
			 height: 2000px; 
			 color: #ffffff; 
			 text-align: right; 
			 font-size: 12px;
			 }

#logo  
			 {
			 text-align: center; 
			 }
#cadre ul 
			 {
			 list-style: none;
			 }
#cadre li 
			 {
			 padding-right: 10px; 
			 padding-top: 10px; 
			 padding-left: 10px;
			 }
.xhtml 
			 {
			 margin-top: 100px; 
			 text-align:left;
			  padding:5px;
			 }

/* cadre à l'extrême gauche en noir : couleur des liens  */
#cadre a#rubdrac {font-weight: bold; color: #ffffff; text-decoration: none;}
#cadre a#rubdrac:hover {font-weight: bold; color: #99cc00; text-decoration: none;}
#cadre a#rubservices {font-weight: bold; color: #ffffff; text-decoration: none;}
#cadre a#rubservices:hover {font-weight: bold; color: #cc0066; text-decoration: none;}
#cadre a#rubactus {font-weight: bold; color: #ffffff; text-decoration: none;}
#cadre a#rubactus:hover {font-weight: bold; color: #ff6600; text-decoration: none;}
#cadre a#rubliens {font-weight: bold; color: #ffffff; text-decoration: none;}
#cadre a#rubliens:hover {font-weight: bold; color: #ffcc00; text-decoration: none;}
#cadre a#rubmarches {font-weight: bold; color: #ffffff; text-decoration: none;}
#cadre a#rubmarches:hover {font-weight: bold; color: #9999ff; text-decoration: none;}
#cadre a#rubdoc {font-weight: bold; color: #ffffff; text-decoration: none;}
#cadre a#rubdoc:hover {font-weight: bold; color: #cc0000; text-decoration: none;}
#cadre a#rubdossier {font-weight: bold; color: #ffffff; text-decoration: none;}
#cadre a#rubdossier:hover {font-weight: bold; color: #339900; text-decoration: none;}
#cadre a#rubplan {font-weight: bold; color: #ffffff; text-decoration: none;}
#cadre a#rubplan:hover {font-weight: bold; color: #999999; text-decoration: none;}
#cadre a#rubrecherche {font-weight: bold; color: #ffffff; text-decoration: none;}
#cadre a#rubrecherche:hover {font-weight: bold; color: #9900cc; text-decoration: none;}
#cadre a#rubaccueil {font-weight: bold; color: #ffffff; text-decoration: none;}
#cadre a#rubaccueil:hover {font-weight: bold; color: #00cccc; text-decoration: none;}

/* cadre à l'extrême gauche en noir : couleur des liens quand on est sur la page correspondante */
#cadre #rubdrac_off {font-weight: bold; color: #99cc00; text-decoration: none;}
#cadre #rubservices_off {font-weight: bold; color: #cc0066; text-decoration: none;}
#cadre #rubactus_off {font-weight: bold; color: #ff6600; text-decoration: none;}
#cadre #rubliens_off {font-weight: bold; color: #ffcc00; text-decoration: none;}
#cadre #rubmarches_off {font-weight: bold; color: #9999ff; text-decoration: none;}
#cadre #rubdoc_off {font-weight: bold; color: #cc0000; text-decoration: none;}
#cadre #rubdossier_off {font-weight: bold; color: #339900; text-decoration: none;}
#cadre #rubplan_off {font-weight: bold; color: #999999; text-decoration: none;}
#cadre #rubrecherche_off {font-weight: bold; color: #9900cc; text-decoration: none;}
#cadre #rubaccueil_off {font-weight: bold; color: #00cccc; text-decoration: none;}

/* cadre à l'extrême gauche en noir : couleur des liens ordinaire */
#cadre a {font-weight: normal; color: #ffffff; text-decoration: none;}
#cadre a:hover {font-weight: normal; color: #b3b3b3; text-decoration: none;}


/* cadre à droite du précédent, en couleur : informations communes ;
les informations spécifiques à la section sont dans la feuille de style spécifique*/

#cadre2 ul { position:relative; list-style: none; top: 160px;}
#cadre2 li {font-weight: bold; padding-right: 10px; padding-top: 10px; padding-left: 10px;color: #ffffff;}
#cadre2 li a {color: #000000; text-decoration: none; }
#cadre2 li a:hover {color: #ffffff; }


/*Les couleurs de chaque rubrique	*/
.accueil {color: #ffffff;}
.drac {color: #99CC00;}
.services {color: #cc0066;}
.actus {color: #ff6600;}
.liens {color: #ffcc00;}
.marches {color: #9999ff;}
.doc {color: #cc0000;}
.dossier {color: #339900;}
.plan {color: #999999;}
.recherche {color: #9900cc;}
.accueil {color: #00cccc;}
	 

/* titre principal de la page 
informations spécifiques sur les caractères et leur couleur de la section sont dans la feuille de style spécifique */
#grostitre {position:absolute; margin-left: 240px; width: 560px; height: 73px;}

/* corps de la page 
certaines pages ont un statut particulier, cf : nos_liens*/
#corps
			{
			position: absolute;
			margin-left: 240px; 
			width: 700px; 
			margin-top: 73px;
			}
#corps ul { list-style-type:disc; margin-left:30px; list-style-position:outside; text-align:justify;}
#corps li { margin:0 0 5px 20px;}
#corps_sanstitre {position: absolute; margin-left: 240px; width: 560px; margin-top: 0px;}
#corps_sanstitre ul { list-style-type:disc;}
#corps_sanstitre li { margin:0 0 5px 20px;}

/* caractéristiques communes de mise en forme */
p { margin-bottom:5px;}
.droite { text-align:right;}
.centre { text-align:center;}
.petit { font-size:8pt; font-style:normal;}
.petita { font-size:8pt; font-style:italic;}
.petitvxrose {font-size: 8pt; color: #cc6666; }
.resume { font-size:8pt; font-style:normal; margin-left:20px; text-align: justify;}
.gras { font-weight:bold;}
.ita { font-style:italic;}
.souligne { text-decoration:underline;}
.grasita { font-weight:bold; font-style:italic;}
.grasouli { font-weight:bold; text-decoration:underline;}
.encadre
				{
          border:1px solid #CC0066;
					 padding:10px;
				}
.norm {
			  font-style:normal;
}

.hautpage { text-align:right; margin-top:10px;}
.legen { font-size:8pt; text-align:center; color:#666666;}
.aere { margin:20px 0 20px 0;}

/* legende des images - utilisé en particulier pour les protections mh*/
.legenhori {position: relative; background-color: #ffffff; height:auto; 
font-family: Arial, Helvetica,sans-serif;
font-size: 8pt; color: #999999; text-align: center; width: auto;}

.legenverti {position: relative; background-color: #ffffff; height:auto; 
font-family: Arial, Helvetica,sans-serif;
font-size: 8pt; color: #999999; text-align: center; width: auto;}

.legenpop
				 {
				 font-family: Arial, Helvetica, sans-serif; 
				 font-size: 10pt; 
				 color: #999999; 
				 text-align:center; 
				 margin-top:5pt;
				 } 
				 
/* séparateur */
hr { margin:10px 0 10px 0;}

/* footer : renseignements pratiques etc */
#footer {
    border-top: 1px solid #000000; 
    clear: both;
 		 font-size: 8pt;
		 margin:10px 0px 10px 0px;
}
#footer h1 { font-family: Arial, Helvetica, sans-serif;  font-size:8pt; font-weight:bold; letter-spacing:2px; 
				      margin-bottom:5px;  margin-top:5px;}
#footer h2 { font-family: Arial, Helvetica, sans-serif;  font-size:8pt; font-weight:bold;  
				      margin-bottom:0px; margin-top:5px; text-transform:none;}

#footer div.right { float:right;
									  width:40px;
										clear:right;
										margin-top:10px;
										 text-align:right;
										font-family: Arial, Helvetica, sans-serif;
										font-size:8pt;}

#footer a { vertical-align:bottom; font-weight:bold; color:#000000; text-decoration:underline;}
#footer a:hover { font-weight:bold; color:#b3b3b3; text-decoration:underline;}


/* partage de la page en deux */

#gauche50  { margin: 10px 280px 10px 0px; }
#droite50  { clear:right; float:right; width:280px; margin: 10px 10px 10px 0px; padding: 0 0.3em; border-left:1px solid #000000;}

								 				 				 				 				 				 
/* vignette placée à gauche */
/* .gch {
		 position:relative;
		 float:left;
		 padding: 5px;
		 }*/
.gch
		{ 
		position:relative;
		padding-left:10px;
		padding-right:10px;
		float:left;
		clear:left;
		text-align:center; 
		}
/* vignette placée à droite */
/*.drt {
		 position:relative;
		 float:right;
		 padding: 5px;
	  }*/
.drt 
		 { 
		 position:relative;
		 padding-left:10px;
		 padding-right:10px;
		 float:right;
		 clear:right; 
		 text-align:center;
		 }		
/* legende des images */
.legende {font-size: 8pt; color: #666666; text-align:center; margin: 5px;}		
.legendmini {font-size: 7pt; color: #666666; text-align:center; margin: 5px;]		
			
/* page en chantier */
#chantier 
					{
					width: 107px;
				  height: 100px;
					 margin:10% 50% 0 50%;
					 background-image:url('../images/chantier.gif');
					}