/*  ----------------------------------------------------------- */
/*  Feuilles de styles des squelettes par defaut pour SPIP 1.9  */
/*  ----------------------------------------------------------- */

/* taille typo
 * Base				100%
 * -------------------------------------
 * 20px				1.27em
 * 19px				1.21em
 * 18px				1.15em
 * 17px				1.09em
 * 16px				1.03em
 * 15px				0.96em
 * 14px				0.88em
 * 13px				0.82em
 * 12px				0.77em
 * 11px				0.71em
 * 10px				0.65em
 *  9px				0.59em
 * Attention : en dessous de 0.71em le texte devient illisible en text smallest sur MSIE
 */
 
 /* Couleurs de base du site 
Bandeau :
	Bleu   -> #17498F
	Orange -> #EE7900
*/

/*  ------------------------------------------
/*  Correction des styles HTML par defaut
/*  ------------------------------------------ */
body {
	background:#006699;
	/*width:90%;
	/*left:50%;
	/*margin-left:-45%;
	/*margin: 1em;*/
	text-align: center;
	font-size: 1em;
	color: #333;
}

/*  ------------------------------------------
/*  Disposition a l'ecran des blocs principaux
/*  ------------------------------------------ */
#page {
	/* Ajout PJ */
	background-color: #FFFFFF;
	text-align:center;
	padding: 5px 5px 5px 5px;
	margin:0px 0px 0px 0px;
	width:800px;
	margin-left:auto;
    margin-right:auto;
	
}	
	
	
#conteneur {width:100%; background-color:#FFFFFF;}

/* Pied de page */
#pied {
	clear: both;
	width: 100%;
	margin-top: 25px;
	border-top: 1px dotted #CCC;
	padding: 2px;
	text-align: center; 
}
#pied small { font-size: 0.77em; }
#pied img { vertical-align: bottom; }

#pied a{color:#000000; text-decoration:none;}
#pied a:hover{text-decoration:underline;}

/*  ------------------------------------------
/*  Typographie generale du site
/*  ------------------------------------------ */

/* Typo pour les menus et la navigation */
body, #navigation, .encart, .formulaire_spip {
	font-family: Verdana, Tahoma, Arial, sans-serif; }

/* Typo pour le contenu */
#contenu {
	font-family: "Trebuchet MS", Helvetica, sans-serif; }


#SiteEntete{
background:url(images/header.jpg) no-repeat;
/*background:url(images/header-bg.png);*/
height:136px; width:100%;
margin:0px 0px 0px 0px; padding:0px 0px 0px 0px;
}

#SiteEntete a {text-decoration:none;}
#SiteEntete a:hover {text-decoration:underline;}
#SiteEntete .aactif {text-decoration:underline;}

#ZoneClic{
position:relative; float:left; height:90px; width:470px;
margin:5px 0px 0px 10px; 
/*background-color:#006600;*/
}

#MenuHrz {
position:relative; float:left; width:800px; 
margin:10px 0px 0px 0px; 
font-family:Arial; font-size:14px; color:#FFFFFF; font-weight:bold;}
#MenuHrz a {font-family:Arial; font-size:14px; color:#FFFFFF; font-weight:bold;}
#MN_Gauche{float:left; width:70%;}
#MN_Contact{float:right; width:20%; text-align:right; padding-right:10px;}

#pied{width:95%; margin-right:auto; margin-left:15px;}


#VerticalGauche{position:relative; float:left; width:500px; height:100%; margin-top:10px;}
#VerticalGauche a{ color:#000000; text-decoration:none;}
#VerticalGauche a:hover{text-decoration:underline;}

#Milieu{position:relative; float:left; margin-top:10px; margin-left:15px; width:0px; height:100%; text-align:left;
background:#FFCC66;}
#VerticalDroit{position:relative; float:right; padding:0px 0px 0px 0px; margin:10px 0px 0px 0px;}


/* 
 * Début blocs articles index 
 */

#ALaUne{
	width:500px; height:500px; 
	margin-top:0px; margin-right:auto; margin-left:auto; margin-bottom:20px;
	padding:0px 0px 5px 0px;
	background:#FFFFFF;
	text-align:left;
	/*background:url(images/uneMars08.jpg) no-repeat;*/
}
#ALaUne_Titre{font-family:Arial; color:#FFFFFF; font-size:16px; font-weight:bold; background:#003399; padding:2px 5px 2px 5px; }



/* balise div de lien sur l'image en une */
#ZoneClicUne{
position:relative; float:left; height:28px; width:245px;
margin:175px 0px 0px 130px; 
/*background-color:#006600;*/
}	

.ALaUneAutre{
	width:100%; height:100%; 
	margin-top:0px; margin-right:auto; margin-left:auto;
	padding:0px 0px 5px 0px;
	background:#FFFFFF;
	text-align:left;
} 
.ALaUne_TitreAutre{margin-bottom:5px; background:#B0D0FF; color:#003399; text-align:left}

#ALaUne_Contenu{padding:10px 6px 0px 6px;}
#ALaUne_Contenu p{margin:2px 0px 0px 0px;}
#ALaUne_TTContenu{font-family:Verdana; color:#FF6633; font-size:14px; font-weight:bold; }
#ALaUne_Img{position:relative; float:left; width:20%}
#ALaUne_TXTContenu{
padding:2px 0px 0px 0px;
font-family:Arial; color:#000000; font-size:12px; font-weight:normal; text-align:justify;}
#ALaUne_PInfos{position:relative; width:100%; text-align:right;}

/* 
 * Fin blocs articles index 
 */

.SSRuriqueAcc{
	position:relative; float:left; 
	width:100%; height:100%; margin-top:10px;
	padding:2px 2px 6px 2px;
	background:#FFFFFF;
	/*border:#003399 1px solid;*/
	text-align:left;
}

#TRuriqueAcc{font-family:Arial; color:#FFFFFF; font-size:16px; font-weight:bold; background:#003399; padding:2px 5px 2px 5px;  }
#TXTRuriqueAcc{
margin:10px 0px 0px 0px;
text-align:left;
}

#CNT_FieldSet{width:100%; }
#BoiteInfo{ 
	width:460px; height:100%; margin-top:10px; margin-left:auto; margin-right:auto;
	padding:2px 2px 6px 2px;
	border:#FF6600 1px solid;
	text-align:left;
	font-family:Arial; font-size:14px; color:#000000;
}
#TBoiteInfo{color:#FF6600; font-family:Arial; font-weight:700; font-size:14px; margin-bottom:5px;}
.TxtBoiteInfo{color:#000000; font-family:Arial; font-weight:700; font-size:14px; margin-bottom:5px;}



/* Typographies */
.Arial_12_Noir{font-family:Arial; font-size:12px; color:#000000;}
.Arial_12_Noir_Bold{font-family:Arial; font-size:12px; color:#000000; font-weight:bold;}
.Arial_14_Noir{font-family:Arial; font-size:14px; color:#000000;}
.Verdana_12_Noir{font-family:Verdana; font-size:12px; color:#000000;}
.Verdana_12_Noir_Bold{font-family:Verdana; font-size:12px; font-weight:bold; color:#000000;}
.SousTitreBleu{font-family:Arial; color:#003399; font-weight:bold; font-style:italic; font-size:14px;}
.SousTitreRouge{font-family:Arial; color:#CC3300; font-weight:bold; font-style:italic; font-size:14px;}
.TexteRouge{font-family:Arial; color:#FF0000; font-weight:bold; font-style:normal; font-size:11px;}

.PInfos {
	color:#003399; font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; font-style:italic;
	 text-decoration:none;
}
.PInfos:hover {text-decoration:underline;}

/**/


#BandeauTitre{ height:80px; background-color:#0D3074; /*background-color:#FF9900;*/ margin-bottom:5px;}

#BlocRubriques{
position:relative; float:left;
margin:10px 8px 0px 0px;
width:170px;
}

.RubPpale{
position:relative; float:left;
width:100%;
padding:4px 0px 4px 10px;
background-color:#F3850C;
border-bottom:1px solid #FFF;
/* Texte */
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px; color:#FFFFFF; font-weight:bold;
}
.RubPpale:hover{text-decoration:none; background-color:#EA9E02;}


.LiensRubrique{
position:relative; float:left;
width:100%;
padding:4px 0px 4px 10px;
background-color:#F2B840;
border-bottom:1px solid #FFF;

font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px; color:#FFFFFF;
/*border:1px solid #FF0000;*/}
.LiensRubrique:hover{text-decoration:none; background-color:#EE7900;}

.LienNormal{text-decoration:none; color:#000000;}
.LienNormal:hover{text-decoration:underline;}

#Bloc_Actualites{
position:relative; float:left;
margin:10px 0px 0px 10px;
font-size:16px; color:#003366; background-color:#FFFFFF; width:435px;}
#TitreActualites{
font-size:16px; color:#003366; font-weight:bold;
/*border-top:1px dashed #000;*/
border-bottom:1px dashed #000;
}

.TTSSRubrique{
margin:10px 0px 5px 0px;
font-size:12px; font-weight:bold; font-family:Verdana; font-style:italic; color:#17498F;}
.TTArticle{font-size:12px; font-weight:bold; font-family:Verdana; font-style:normal; color:#FF6633;}
.TXTArticle{font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000000; text-align:justify;}


#BlocDroit{
margin:10px 0px 0px 0px;
position:relative; float:right;
background-color:#FFFFFF;
width:150px;
height:500px;}

#BdFooter{
position:relative; float:left; width:100%;
height:25px; background-color:#FF9900;}

/* Pages menu */
.TitrePara{
margin:14px 0px 3px 0px;
font-family:Arial, Helvetica, sans-serif; font-size:16px; font-weight:bold; color:#FF6600;
text-align:left
}
.Para{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#000000; text-align:justify;}
.ParaGauche{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#000000; text-align:left;}

.AGauche{text-align:left;}
.AuCentre{text-align:center;}

/* Contacts */

.CTContact{width:80%; margin-top:15px; margin-left:auto; margin-right:auto;}
.CTContact a{
	color:#000000;
	text-decoration:none;
}
.CTContact a:hover{text-decoration:underline;}

.TAdresse{ text-align:left; border-bottom:1px solid #003399; color:#003399; font-weight:bold; font-size:14px;}
.CAdresse{margin-top:4px; font-size:14px; text-align:center;}

#CFRM{ margin-top:30px; font-size:14px; text-align:center; }

.Rubrique{
	position:relative; float:none; height:25px; width:190px; 
	margin-bottom:15px; margin-right:10px;
	border:1px solid #003399;
}
.Bleu{position:relative; float:left; width:22px; height:100%; background:#003399;}
.TBleu{position:relative; float:left; background:#FFFFFF; color:#003399; padding-top:3px; padding-left:4px;}


#LogExt{background:url(http://www.protectioncivile-tarn.info/images/login.gif) no-repeat; width:600px; height:400px; margin-left:100px; text-align:left; }
#TBLogin{ margin:100px 0px 0px 100px; color:#FFFFFF; font-family:Verdana; font-size:14px;}

#BarreGoogle{margin-top:25px;}

.MenuOptions{margin-top:30px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; text-align:left;}
.MOptTitre{background:#FFCC00; font-weight:bold; padding:3px 3px 3px 5px; color:#000099; border-bottom:#000099 1px solid}
.MOptOption{background:#FFCC66; padding:6px 3px 6px 5px}
.MOptOption a{text-decoration:none; color:#000000;}
.MOptOption a:hover{text-decoration:underline;}


#BT_Valider {
	padding-left:1px; padding-top:1px; padding-bottom:1px;
	font-weight:bold; font-size:10px; cursor:pointer; color:#EE7900; font-family:Verdana, Arial, Helvetica, sans-serif;
	background:none; border:none;
}

/* Contenu des Pages */
#InfoDPS_P1{
	text-align:justify;
}
#InfoDPS_P1 p{padding:0px; margin-top:3px; margin-left:20px;}
#InfoDPS_P2{
	text-align:justify;
}
#InfoDPS_P2 p{padding-top:2px; margin:1px 0px 0px 20px;}
#InfoDPS_Contact{
	width:75%;
	background:#B3D4E7; border:#9CA7AD 1px solid;
	margin:25px auto 0px auto; padding:5px;
	font-family:Verdana; color:#000000; font-weight:normal; font-style:normal; font-size:12px;
	text-align:center;
}