/*
COULEURS
bleu clair:		#A7CFF3
bleu foncé:		#3b89d1
jaune doré:		#F4DA74
*/

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

body {
	background-color: #FFF;
	text-align: center;
	font-family: arial, helvetica, sans-serif;
	font-size: 13px;
	color: #000;
}
a img {border: 0;}
h1 {color: #213480; border-bottom: 2px #213480 solid; margin-bottom: 1em;}
h1 span {background-color: #F4DA74; padding: 0 5px;}
h2 {color: #2B5AAC; border-bottom: 1px #2B5AAC solid; margin: 1em 0; width: 50%;}
h3 {margin-top: 1em;}
h4 {}
h5 {color: #2B5AAC; font-size: 16px; font-family: "trebuchet ms", serif; text-align: center;}

p {text-align: left; color: inherit;}
b, strong {font-weight: bolder;}
a {color: #3b89d1;}
ul {text-align: left; margin-left: 20px;}
li {}
th {border: 0; background: #FFF url(../images/bg_th.jpg) repeat-y right; color: #3b89d1;}
.intro {color: inherit; margin: 1em auto; width: 90%;}
.smallimage {height: 100px; width: auto; border: solid 2px #2B5AAC;}
.bouton {background-color: #3b89d1; border: 1px #666 solid; padding: 2px 10px; width: auto; color: #FFF; margin: 3px;}
input, select {margin: 2px 3px;}
textarea {border: 1px #A7CFF3 solid;}

img.cadrejaune {border: 1px #F4DA74 solid; padding: 5px; margin: 10px;}
blockquote {border: 1px #F4DA74 solid; padding: 5px; margin: 10px; color: #2B5AAC; font: italic bold 1.2em arial;}
.hautpage {width: 80px; text-align: center; margin: 1em auto 1em 80%; border: 0; background-color: #A7CFF3; padding: 3px 10px;}
.hautpage a {color: #FFF; text-decoration: none;}
.msg_user_err {border: 1px #C00 solid; background-color: #FCF; color: #C00; padding: 5px; width: 75%; margin: 1em auto;}
.msg_user_ok {border: 1px #0C0 solid; background-color: #CFC; color: #0C0; padding: 5px; width: 75%; margin: 1em auto;}

#bandeau_sup {
	margin: 0 auto;
	background: transparent url(../images/bg_bandeausup.jpg) repeat-x;
	height: 174px;
	width: 900px;
	position: relative;
	top: 0; left: 0;
	text-align: left;
}
#facebook {float: left; margin: 90px 0 0 40px;}
#bloclogo {
	text-align: center;
	margin-left: 40px;
	width: 200px; height: 174px;
	background: #3b89d1 url(../images/bloclogo.jpg) repeat-x;
	float: left;
	border-width: 0 1px; border-color: #3b89d1; border-style: solid;
}
#btn_actualites {position: absolute; top: 145px; left: 370px;}
#blocassistance {
	margin: 10px 60px 0 0;
	width: 190px; height: 174px;
	background-color: transparent;
	float: right;
}

#principal {width: 900px; margin: 0 auto;}

#menugauche {width: 130px; float: left; font-family: arial; font-size: 12px;}
#menugauche ul {background: #A8CFF3 url(../images/bg_menugauche.jpg) repeat-y center; margin-left: 0;}
#menugauche li {list-style-type: none; height: 30px; line-height: 30px; border-bottom: 2px #A6CEF3 solid; width: auto; color: #06C; padding-left: 10px;}
#menugauche a {color: #213480; text-decoration: none; font-weight: bold;}
#menugauche a:hover {color: #000; text-decoration: underline;}

#sm1, #sm2 {display: none;}
.sm {border: 1px #000 solid; z-index: 50; position: relative; top: 0; left: 50px; width: 190px;}
.sm li {background-color: #FFF; width: 100%;}

/* ajouts du 21/03/2017 (XD) */
.cs-helper {margin: 1em auto; border-top: 1px #AAA dotted; padding-top: 1em;}
#diaporama-voir-cat th {vertical-align: top;}
#diaporama-voir-cat td {padding-left: 10px;}
#diaporama-voir-cat h2  {width: 100%; border-bottom: 0;}
/* fin ajout */

#diaporama ul, #diaporama li {width: 130px; height: 188px;}
#diaporama ul {background: none;}
#diaporama li {margin: 0; padding: 0;} 
#sousdiaporama {
	width: 130px;
	height: 50px;
	background: #FFF url(../images/bg_degbleu.jpg) repeat-x center top;
	border-top: 2px #3b89d1 solid;
	font-size: 8px;
}
#handibat {width: 130px; margin-top: 35px;}
#bandegauche {
	width: 200px;
	min-height: 594px;
	float: left;
	background: #004789 url(../images/bg_bandegauche.jpg) no-repeat top center;
	color: #FFF;
	border-width: 0 1px; border-color: #3b89d1; border-style: solid;
}
#bandegauche h1 {color: #FFF; border: 0; margin: 0; padding-top: 485px; padding-bottom: 6px; font-size: 10pt; background: transparent url(../images/souligne_jaune.png) no-repeat center bottom;}
#bandegauche address {font-style: normal; font-size: 9pt;}

div.bandetop {width: 490px; margin-left: 330px; background: #FFF url(../images/bg_bandetop.jpg) no-repeat left center;}
#bandetop {height: 162px;}
#bandetop2 {height: 40px;}

#contenus {
	text-align: left;
	font-size: 11px;
	width: 530px; min-height: 350px;
	padding: 20px;
	margin-left: 330px;
	background: #FFF url(../images/bg_contenus.jpg) repeat-x top;
}

#actutop {width: 300px; padding: 10px 20px; text-align: left; font-size: 11px;}
#actutop a {color: #06C;}
#actutop a.ensavoirplus {display: block; text-align: right; font-style: italic; font-weight: bold;}
div.titre_news {color: #06C; border-bottom: 1px #FFF dotted; font-weight: bold; font-size: 14px;}
div.texte_news {color: #000;}
#actutop .date {color: #FFF; font-weight: bold;}


/*----------------------------------*/
/*		ACCUEIL					*/
a.blocsolution {display: block; text-decoration: none; width: 193px; height: 105px; padding: 60px 20px 0 20px; float: left; color: #4175B2; font-size: 10px; margin: 10px; line-height: 10px;}
#habitation {background: #FFF url(../images/bg_habitation.gif) no-repeat center;}
#lieupublic {background: #FFF url(../images/bg_lieupublic.gif) no-repeat center;}

/*----------------------------------*/
/*		CONTACT					*/
#contact_form {width: 60%; margin: 1em auto; border: 0;}
#contact_form .tableau {width: 100%;}
#contact_form input {border: 1px #A7CFF3 solid;}
#contact_form textarea {width: 100%; height: 200px;}

/*----------------------------------*/
/*		BAS DE PAGE					*/
#pied_page {width: 900px; margin: 0 auto; background: #FFF url(../images/bordure_jaune.jpg) no-repeat center top; color: #3b89d1; font-size: 0.9em; padding-top: 30px;}
#pied_page a {color: #3b89d1;}

/*----------------------------------*/
/* ACTUALITES */
#article {
	border-bottom: 1px dotted #ECECEC;
	margin: 20px;
	padding-bottom: 10px;
	text-align: left;
}
#article img {max-width: 100%;}

#date_art {text-align: left; padding-left: 50px;}
#lien_imprimer {text-align: right; margin-right: 20px;}
#lien_imprimer img {vertical-align: middle; width: 20px;}
#derniers_liens {text-align: left; width: 70%; border-top: 1px #999 solid; margin-top: 2em; padding: 10px;}
#derniers_articles {width: 90%; margin: 1em auto; background-color: #F1F1F1; border: 2px #ECECEC solid; text-align: left;}
#derniers_articles th {width: 50px; vertical-align: top; background: none;}
#derniers_articles td {vertical-align: top; padding-left: 20px;}
#derniers_articles .date_parution {font-weight: bolder; text-decoration: none;}
#derniers_articles img {width: 50px;}
#archives {text-align: left; margin: 1em auto; width: 75%;}
#aide_fluxRSS {text-align: left; padding: 10px;}
#conseil_actu {margin-top: 50px; line-height: 12pt;} /* sous l'article */