/* --------------------------------------------------------- */
/* Feuille de style des squelettes par defaut pour SPIP 2.0  */
/* --------------------------------------------------------- */


/* ------------------------------------------
/* Typographie generale (style transversaux)
/* ------------------------------------------ */
html { font-size: 100%; } /* Cf.: http://pompage.net/pompe/definir-des-tailles-de-polices-en-CSS/ */
body {
	behavior:url("csshover.htc");
	font-size: 11px;
	font-family: "Luxi sans", "Lucida Grande", Lucida, "Lucida Sans Unicode", sans-serif; 
	color: #333; 
	/*behavior:url( hover.htc );*/
}

/* Titraille / Intertitres */
h1,h2,h3,h4,h5,h6 { margin: 0; padding: 0; font-weight: normal; font-size: 1em; font-family: Georgia, Times, serif; }
h1 { font-size: 1.70em; color: #000; }
h2 { font-size: 1.40em; font-weight: normal; }
h2, h2 a, h2 a:focus, h2 a:hover, h2 a:active { color: #003; }
h3 { font-size: 1.20em; font-weight: bold; }
h3.spip {} /* Cf.: spip_style.css */
/* hr.spip {} Cf.: spip_style.css */

/* Autres enrichissements typo */
strong { font-weight: bold; }
em { font-style: italic; }
abbr, acronym { /*border-bottom: 1px dotted #B8B8B8;*/ cursor: help; }
small { font-size: 0.90em; color: #666; }
dfn { font-weight: bold; color: #666; }
del { text-decoration: line-through; }
ins { color: red !important; text-decoration: none; }
sup, sub { font-size: .8em; font-variant: normal; }

/* Listes */
ul.spip {} /* Cf.: spip_style.css */
ol.spip {} /* Cf.: spip_style.css */
dl {}
dt {}
dd {}

/* Citations, code et poesie */
cite {}
q {}
blockquote {}
blockquote.spip {} /* Cf.: spip_style.css */
blockquote.spip_poesie {} /* Cf.: spip_style.css */
.spip_code {} /* Cf.: spip_style.css */
.spip_cadre {} /* Cf.: spip_style.css */
address {}

/* Tableaux */
table.spip {} /* Cf.: spip_style.css */

/* Logos, documents et images */
img { margin: 0; padding: 0; border: 0; }
.spip_logos {margin: 5px; padding: 5px;} /* Cf.: spip_style.css */
.spip_documents {margin: 5px; padding: 5px;} /* Cf.: spip_style.css */
.spip_documents_center {margin: 5px; padding: 5px;} /* Cf.: spip_style.css */
.spip_documents_left {margin: 5px; padding: 5px;} /* Cf.: spip_style.css */
.spip_documents_right {margin: 5px; padding: 5px;} /* Cf.: spip_style.css */
.spip_doc_titre {margin: 5px; padding: 5px;} /* Cf.: spip_style.css */
.spip_doc_descriptif {margin: 5px; padding: 5px;} /* Cf.: spip_style.css */


/* ------------------------------------------
/* Disposition a l'ecran des blocs principaux
/* ------------------------------------------ */
body { background: #488bcc; margin: 0; padding: 0; text-align: center; }

#page { position: relative; width:805px; margin: 0 auto;} /*auto*/

#entete {
    /*margin-left:-13px;*/
	margin:0;
	padding:0;
	/*padding-right:-10px;*/
    /*padding-top: 1.60em;*/
	width:100%;
	background-color:red;
 }

#all {
	margin-left:0;
	margin-right:0;
	width:100%;
	/*background-color:#fff0cd;*/
	min-height:50em;
	margin:0;
}

/*===========MENU IMAGE========*/
#menu_image {
	background:url(../IMG/menu_image.gif) no-repeat center center transparent;
	/*height:161px;
	margin-top:-4px;
	margin-bottom:-5px;
	margin-right: auto;*/
	margin-left:24px;
	float:left;
	width:742px;
	display:inline;
}
#menu_image a{
	font-size:11px;
	font-weight:bold;
	font-family: arial , Lucida, "Lucida Sans Unicode", sans-serif;
	color:#fff;
}

#menu_image a:hover{
	text-decoration:none;
	
}
#btn_alarme a,#btn_video a,#btn_acces a,#btn_incendie a {
	/*position:relative;*/
	text-align:center;
	float:none;
	vertical-align:center;
	padding-top:55px;
	height:auto;
	width:150px;
	font-size:11px;
	font-weight:bold;
	font-family: arial , Lucida, "Lucida Sans Unicode", sans-serif;
	color:#fff;
	
}

#btn_alarme ,#btn_video,#btn_acces ,#btn_incendie {
	height:161px;
	width:146px;
	display:inline;
	float:left;
	margin-left:34px;
	/*padding-left:10px;*/
}

/*#btn_alarme {
	background:url(../IMG/icon_intrusion.gif) no-repeat;}*/

#btn_alarme:hover ,#btn_video:hover,#btn_acces:hover,#btn_incendie:hover{
	background:url(../IMG/btn_hover.png) no-repeat transparent;
	
}

/*#btn_video {
	background:url(../IMG/icon_surv.gif) no-repeat;
}*/

/*#btn_acces {
	background:url(../IMG/icon_acces.gif) no-repeat;
}*/

/*#btn_incendie{
	background:url(../IMG/icon_incendie.gif) no-repeat;
}*/

/* ------------------------------------------
/*>>>>>>>>>>>>>>>CONTENAIRE<<<<<<<<<<<<<
/* ------------------------------------------ */
#contchapo {
	background:url(../IMG/cont_Haut.gif) no-repeat top;

	}
	
	#conteneur {
	background-color:#ffeab8;
	background:url(../IMG/fillet_cont.gif) repeat-x #fff0cd;
	/*margin-left:-13px;*/
	clear: both;
	float: left;
	/*width: 805px;*/
	min-height:500px;
	padding-left:10px;
	/*overflow: hidden; */
}
#conteneur table li{
	font-size:11px;
	list-style-image:none;
	list-style-position:inside;
	list-style-type:square;
	/*margin-left:-3em;*/
	text-align:left;

}



#conteneur table{
	/*border-style:none; */
	position:relative;
	/*margin:20px;*/
	float:left;
}


#contenu { 
	/*padding-top: 0.30em; */
	margin-top:15px;
	padding:10px;
	margin-left:20px;
	margin-right:auto;
	width:733px;
	float:left;
	text-align:justify;
	background-color: #ffeab8;
	-moz-border-radius:12px;
	min-height:224px;
}

#contenu ul li a{ 
	color:#000;
	text-decoration:none;
	
}
#contenu ul li a:hover{ 
	color:#000;
	text-decoration:underline;
}

/*<<<<<<<<<<<<<<-----CONTENU DES ARTICLES----->>>>>>>>>>>>>>*/

#artTxt ul{
	list-style-type:square;

}
#article ul li{
	list-style-type:square;
    padding: 2px;
	margin-left:33px;
}
hr {
	background:transparent none repeat scroll 0;
	border-color:#006697;
	border-style:solid;
	border-width:0 0 3px;
	width:100%;
	float:left;
}
ul#ultitre li {
	display:inline;
	width:100%;
}



/* ------------------------------------------ */


#navigation {
	word-spacing:10px;
	position: relative; /* on positionne le conteneur */
	margin-left: auto;
	margin-right: 16em;
	float:right;
	width: 500px;
	padding-top: 1em;
	/*margin-right:20px;*/
}

#navigation ul li{
	display:inline;
	}


#apsad {
	font-weight:bold;
	margin-right:10em;
	margin-left:auto;
	width:100%;
	/*margin-top:60em;*/
	color:#0059aa;
	font-size:10px;
}


#pied {
background:transparent url(../IMG/conteneur_bas.gif) no-repeat scroll 0 0;
clear:both;
color:#494949;
font-size:10px;
font-weight:bold;
text-align:center;
width:804px;
 }
 
 
#pied img { vertical-align: middle; }

/* Espaceur de blocs */
.nettoyeur { clear: both; height: 0; margin: 0; padding: 0; border: 0; line-height: 1px; font-size: 1px; }

/* ------------------------------------------
/* Sous-navigation et autres menus
/* ------------------------------------------ */

/* Rubriques */

#text_accueil {
	width:520px;
	margin-bottom:50px;
	float:right;
}
#block_accueil{
	width:200px;
	float:left;
	margin-left:-20px;
}

.rubriques ul li a{
	color:#434b4c;
	
	font-weight:bold;
	border: 0; 
	width:100%;
	font-size:14px;
	}
.rubriques ul li a:hover{
	color:#606c6d;
	text-decoration:none;
	
	}

/* Couleurs des liens
---------------------------------------------- */
a { color: #604A7F; text-decoration: none; }
a:focus,a:hover,a:active { color: #F57900; text-decoration: underline; }


ul.sommaire {
    list-style-image: url(../IMG/puce.gif);
    list-style-position: inside;
	
	}
	
ul.sommaire li {
	margin:0 10px 0 10px;


}

.caracteristique {
	background-color:NavajoWhite;
	color:DarkRed;
	float:left;
	padding:1em;
	width:309px;
	margin-left:5em;

}
.caracteristique ul {
    list-style:square;
    list-style-position: inside;

}

.caracteristique ul li{
    list-style:square;
    list-style-position: inside;

}

#contenu h2 {
	font-weight:bold;
	color:#006697;


}
ul.new  {
	/*height:100px;*/
	overflow:auto;
	margin:0;
	padding:10px 0 10px 5px;


}
table.formulaire {
	width:98%;

}

table.formulaire td input{
	width:10%;
	border:1px solid #FFD46F;

}

table textarea {
	border:1px solid #FFD46F;

}

table td input.form {
width:55%;

}