@charset "utf-8";
/* CSS Document */

* {
	margin: 0px;
	padding: 0px;
}

html, body {
	margin: 0px;
	padding: 0px;
	height: 100%;
	width: 100%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: #071218;
}

/* CSS image png */

.format_png, .spip_logos {
	behavior: url(spip.php?page=win_png);
}

.NettoyeurGauche {
	clear: left;
}

.NettoyeurGaucheDroite {
	clear: both;
}

.NettoyeurDroite {
	clear: right;
}


/* CSS Perso */

#Page {
	position: absolute;
	width: 780px;        /* selon la largeur voulue */
	margin-left: -390px; /* moitie de width */
	left: 50%;           /* constant, toujours 50% */
	height: 630px;       /* selon la quantite de texte */
	margin-top: -315px;   /* moitie de height */
	top: 50%;            /* constant, toujours 50% */
	}
	
#LogoSourceSolution {
	padding: 0px;
	height: 57px;
	width: 685px;
	margin-top: 5px;
	margin-right: auto;
	margin-bottom: 3px;
	margin-left: auto;
	background-image: url(../_images/logo_source_solutions.png);
	background-repeat: no-repeat;
	background-position: 50% 50%;
}
	
#Contenant {
	width: 770px;        /* selon la largeur voulue */
	height: 490px;       /* selon la quantite de texte */
	margin-top: 5px;
	margin-left: 5px;
	background-image: url(../_images/bg_contenant.png);
	background-repeat: repeat;
	}
	
#Entete {
	width: 770px;        /* selon la largeur voulue */
	margin: 0px;
	padding: 0px;
	}
	
	
#Entete ul {
	list-style-type:none;
	text-align: center;
	padding: 0px;
	width: 448px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}

#Entete ul li {
	display:inline;
	font-size: 0.7em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	float: left;
	padding: 0px;
	margin-top: 0px;
	margin-right: 3px;
	margin-bottom: 0px;
	margin-left: 0px;
}

#Entete ul li a {
	color:#fff;
	background:#92117E;
	text-decoration:none;
	display: block;
	margin: 0px;
	padding: 8px;
}
#Entete ul li a:hover{background:#4A6867;}
#Entete li a.on{color:#000;background:#fff;}
#Entete li a.on:hover{color:#000;background:#fff;}
	
#Contenu {
	width: 770px;        /* selon la largeur voulue */
	height: 460px;
	margin: 0px;
	padding: 0px;
	background-color: #BEE1E6;
	}
	
	
#Choix {
	margin: 0px;
	width: 100%;
	background-color: #FFFFFF;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #89C9D1;
	}

div#FormRechercheSommaire {
	width: 200px;
	float: left;
	padding-left: 20px;
	}

div#FormRechercheSommaire label {

	}
	
div#FormRechercheSommaire label span {
	display: none;
	}
	
div#FormRechercheSommaire input.formR {
	color: #333333;
	background-color: #fff;
	margin: 0px;
	padding: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666666;
	}
	
div#FormRechercheSommaire input.valider {
	color: #FFFFFF;
	background-color: #92117E;
	cursor: pointer;
	font-weight: normal;
	padding: 0px;
	margin: 0px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	}
	
div#FormJumpSommaire {
	width: 220px;
	padding: 0px;
	margin: 0px;
	float: left;
	}
	
div#FormJumpSommaire label {

	}
	
div#FormJumpSommaire label span {
	display: none;
	}

div#FormJumpSommaire select {
	margin: 0px;
	padding: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666666;
	width: 200px;
	}
	
div#FormJumpSommaire input.valider {
	color: #FFFFFF;
	background-color: #000;
	cursor: pointer;
	padding: 0px;
	float: right;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin-top: 3px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	font-size: 10px;
	}
	
#Hierarchie {
	margin: 0px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 20px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #89C9D1;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	}
	
#ListeAnnonce {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #FFFFFF;
}

.BlocListeAnnonce2 {
	height: 390px;
	margin-right: 20px;
	margin-top: 3px;
	background-color: #DFF0F2;
	border: 1px solid #89C9D1;
	margin-left: 20px;
	overflow: auto;
}

.BlocListeAnnonce2 .DetailArticle {
	margin-right: 25px;
	margin-left: 25px;
	margin-top: 10px;
	font-size: 10px;
}

.BlocListeAnnonce2 .DetailArticle #TexteArt p {
	padding-top: 10px;
	padding-bottom: 10px;
	text-align: justify;
}

.BlocListeAnnonce2 .DetailArticle #TexteArt a {
	color: #1F4A50;
	text-decoration: underline;
}

.BlocListeAnnonce2 .DetailArticle #TexteArt a:hover {
	color: #000;
	text-decoration: none;
}

.BlocListeAnnonce2 .DetailArticle #TexteArt form {
	width: 400px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 20px;
	margin-bottom: 20px;
}


.BlocListeAnnonce2 .DetailArticle #TexteArt form fieldset {
	padding: 10px;
	margin-right: auto;
	margin-left: auto;
	font-size: 12px;
}

.BlocListeAnnonce2 .DetailArticle #TexteArt form fieldset legend {
	font-size: 115%;
	font-weight: bold;
	padding-right: 5px;
	padding-left: 5px;
}

.BlocListeAnnonce2 .DetailArticle .reponse_formulaire {
	color: #FF0000;
	font-size: 10px;
}

.BlocListeAnnonce2 .DetailArticle #FormContact {
	padding: 0px;
	width: 360px;
	margin-top: 20px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	font-size: 10px;
}

.BlocListeAnnonce2 .DetailArticle #FormContact form fieldset{
	margin: 0px;
	padding: 5px;
}

.BlocListeAnnonce2 .DetailArticle #FormContact form fieldset legend{
	font-weight: bold;
	padding-right: 5px;
	padding-left: 5px;
}

.BlocListeAnnonce2 .DetailArticle #FormContact form fieldset label{
	font-weight: bold;
	margin-top: 3px;
	margin-right: 0px;
	margin-bottom: 3px;
	margin-left: 0px;
	display: block;
	padding: 0px;
}

.BlocListeAnnonce2 .DetailArticle #FormContact form fieldset input,
.BlocListeAnnonce2 .DetailArticle #FormContact form fieldset textarea {
	width: 99%;
}

.BlocListeAnnonce2 .DetailArticle #FormContact form fieldset input {
	font-size: 11px;
}

.BlocListeAnnonce2 .DetailArticle #FormContact form fieldset textarea {
	font-size: 120%;
}

.BlocListeAnnonce2 .DetailArticle #FormContact form fieldset p.spip_bouton {
	text-align: right;
}

.BlocListeAnnonce2 .DetailArticle #FormContact form fieldset p.spip_bouton input {
	width: auto;
	font-size: 10px;
}

#mentions {
	padding: 0px;
	height: 60px;
	width: 600px;
	margin-top: 5px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	font-size: 10px;
	text-align: justify;
	color: #FFFFFF;
}
