/*** INFORMATIONS DE LICENCE ***
* Ce fichier est intégré au développement d'un site Web
* Cette feuille de style est dessinée par JNBi L'agence Web
* Tous droits réservés */

/* Table des matières

	- CSS généraux
	- CSS structure	
	- CSS de formulaires
	- Actualités / Brèves / Webline
	- Pages (et zones de bas de page)
	- Consultations
	- Agenda
	- CSS de menus
	- CSS du plan du site
	- CSS de signatures
	- CSS RSS	

*/

/* Informations CSS générales */
/* ----------------------------------------------------------------------------------------------*/

* {
	margin: 0px;
	padding: 0px;
}
html {font-size: 100.001%;}

/* img{ behavior: url(mods/iepngfix.htc) } */ /* HACK PNG IE 6 */

li {
	margin-left: 25px;
}
body {	
	font-size: 0.625em;
	font-weight: normal;
	font-size: normal;
	background:#090000 url(visuels/bg.jpg) center top repeat-y;
	text-align: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #333333;

}
td { 	/* Font idem que body */

}
p {
	padding-top:10px;
}
blockquote {
	padding-left: 20px;
}
a {
	text-decoration : underline;
	color: #333333;
}
a:hover {
	text-decoration : none
}
a.menu_bas {
	text-decoration : underline;
	color: #FFFFFF;
}
a.menu_bas:hover {
	text-decoration : none
}
a.menu_bas2 {
	text-decoration : none;
	color: #FFFFFF;
}
a.menu_bas2:hover {
	text-decoration : none
}
a.lien {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #764932;
	line-height: 1.3em;
	font-weight: normal;}
a.lien:hover {
	text-decoration : none
}

/* Informations CSS Structures */
/* ----------------------------------------------------------------------------------------------*/

#conteneur_general {
	width: 964px;
	margin: 20px auto 0px auto;
	font-size:1.2em;
	background-color: none;
}
#menu_bas {
	clear: left;
	width: 930px;
	margin: 0px auto;
	padding: 10px 0px;
	text-align: right;
	color: #FFFFFF;
	font-size: 11px;
}
#tagline {
	width: 30px;
	height: 600px;
	float: left;
	
	background: url(visuels/tagline.png) top center no-repeat!important;;
	background: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="visuels/tagline.png", sizingMethod="image");	
}
#conteneur_home {
	width: 932px;
	display: block;
	float: left;
	background-image: url(visuels/bg_header.jpg);
	background-position: top;
	background-repeat: no-repeat;
	background-color: #FFFFFF;
}
#conteneur_page {
	width: 932px;
	float: left;
	background-image: url(visuels/bg_header.jpg);
	background-position: top;
	background-repeat: no-repeat;
	background-color: #FFFFFF;
}
#header {
	width: 932px;
	height: 200px;
}
#bt_header {
	background-image: url(visuels/header.jpg);
	width: 932px;
	height: 200px;
	display: block;
	text-indent:-9999px;
}
#bt_header:hover {
	background-image: url(visuels/header.jpg);
}
#menu_home {
	width: 932px;
	height: 265px;
}
#conteneur {
	width: 932px;
}
#menu_page {
	width: 220px;
	background-color:none;
	float: left;
	display: block;
	padding-left: 80px;
}
#contenu {
	width: 400px;
	padding-top: 50px;
	padding-bottom: 30px;
	background-color: none;
	line-height: 1.6em;
	float: left;
	display: block;
	text-align: justify;
}
#contenu img {
	float: left;
	display: block;
	padding: 10px 20px 15px 0px;
}
#decor {
	width: 227px;
	float: left;
	display: block;
}
#footer {
	width: 932px;
	height: 160px;
	background-image: url(visuels/footer.gif);
	background-repeat: no-repeat;
	background-position: bottom;
}
#webline {
	width: 615px;
	height: 127px;
	padding-top: 30px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #000000;
	float: left;
}
#bt {
	width: 317px;
	height: 160px;
	float: left;
}
#bt_action {
	width: 317px;
	height: 160px;
	float: left;
	text-indent:-9999px;
	background-image: url(visuels/rejoigner-nous.gif);
}
#bt_action:hover {
	background-image: url(visuels/rejoigner-nous_over.gif);
}

#menu1 {
	width: 212px;
	height: 261px;
	float: left;
	text-indent:-9999px;
	background-image: url(visuels/menu1.jpg);
}
#menu1:hover {
	background-image: url(visuels/menu1_over.jpg);
}
#menu2 {
	width: 177px;
	height: 261px;
	float: left;
	text-indent:-9999px;
	background-image: url(visuels/menu2.jpg);
}
#menu2:hover {
	background-image: url(visuels/menu2_over.jpg);
}
#menu3 {
	width: 173px;
	height: 261px;
	float: left;
	text-indent:-9999px;
	background-image: url(visuels/menu3.jpg);
}
#menu3:hover {
	background-image: url(visuels/menu3_over.jpg);
}
#menu4 {
	width: 173px;
	height: 261px;
	float: left;
	text-indent:-9999px;
	background-image: url(visuels/menu4.jpg);
}
#menu4:hover {
	background-image: url(visuels/menu4_over.jpg);
}
#menu5 {
	width: 197px;
	height: 261px;
	float: left;
	text-indent:-9999px;
	background-image: url(visuels/menu5.jpg);
}
#menu5:hover {
	background-image: url(visuels/menu5_over.jpg);
}

#menu1_page {
	width: 132px;
	height: 135px;
	float: left;
	text-indent:-9999px;
	background-image: url(visuels/menu_page1.gif);
}
#menu1_page:hover {
	background-image: url(visuels/menu_page1_over.gif);
}
#menu2_page {
	width: 132px;
	height: 113px;
	float: left;
	text-indent:-9999px;
	background-image: url(visuels/menu_page2.gif);
}
#menu2_page:hover {
	background-image: url(visuels/menu_page2_over.gif);
}
#menu3_page {
	width: 132px;
	height: 110px;
	float: left;
	text-indent:-9999px;
	background-image: url(visuels/menu_page3.gif);
}
#menu3_page:hover {
	background-image: url(visuels/menu_page3_over.gif);
}
#menu4_page {
	width: 132px;
	height: 133px;
	float: left;
	text-indent:-9999px;
	background-image: url(visuels/menu_page4.gif);
}
#menu4_page:hover {
	background-image: url(visuels/menu_page4_over.gif);
}
#menu5_page {
	width: 132px;
	height: 109px;
	float: left;
	text-indent:-9999px;
	background-image: url(visuels/menu_page5.gif);
}
#menu5_page:hover {
	background-image: url(visuels/menu_page5_over.gif);
}


/* Informations CSS Styles */
/* ----------------------------------------------------------------------------------------------*/

h1.titre_page{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 30px;
	color: #00A751;
	line-height: 1.3em;
	font-weight: normal;
	text-align: left;
}
h1.s_titre{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 20px;
	color: #9Dc234;
	line-height: 1.3em;
	font-weight: normal;
}
h2{
	color: #000000;
	font-weight: normal;
	font-size: 12px;
	display: inline;
}
h2.vert{
	color: #333333;
	font-weight: bold;
	font-size: 12px;
	display: inline;
}
li{
	margin-left: 5px;
	padding-left: 20px;
	background-image: url(visuels/puce.gif);
	background-repeat: no-repeat;
	background-position: top left;
	list-style-type: none;
}


/******** Formulaire contacts **************/


.alerte_formulaire_ok {	/* CSS de formulaires en général */
	background:url(visuels/valide.gif);
	display:block;
	margin:0px auto;
	font-weight:bold;
	text-align:center;
	padding:20px 10px;
	color:#008C42;
}
.alerte_formulaire_ko {
	background:url(visuels/refuse.gif);
	border:1px solid #CC3131;
	color:#fff;
	display:block;
	margin:0px auto;
	font-weight:bold;
	text-align:center;
	padding:10px;
}

#formulaire{
	background-color: #FFFFFF;
}
#formulaire span.separation{
	display:block;
	float:left;
	width:450px;
	padding:20px 10px 10px 10px;
	border-top:1px solid #94c02d;

}
#formulaire h3{
	float:left;
	margin:0px 0px 10px 0;
	font-size: 18px;
	color:#000000;
	font-weight:normal;
	text-decoration:none;
	font-family:Verdana, Arial, Helvetica, sans-serif;	
}
.calage_centre{
	display:block;
	text-align:center;
}
.calage_droite{
	clear:both;
	display:block;
	float:left;
	width:150px;
	text-align:right;
	margin:5px 10px 0px 0px;
}
.calage_droite_plus{
	clear:both;
	display:block;
	float:left;
	width:255px;
	text-align:right;
	margin:5px 9px 0px 0px;	
}
.calage_droite_medium{
	clear:both;
	display:block;
	float:left;
	width:215px;
	text-align:right;
	margin:0px 10px 0px 0px;
}
.calage_gauche{
	display:block;
	float:left;
	text-align:left;
	margin:0px 0px 0px 0px;
	line-height:14px;
}
.calage_gauche label {
	display: block;
	width: 100%;
	margin: 7px auto;
}
.calage_gauche_plus{
	display:block;
	float:left;
	text-align:left;
	margin:5px 0px 0px 0px;	
}	
.asterisque {
	color: #ff0000;
}
.legende {
	color: #999999;
	font-size: 10px;
}
.contacts_input {
	border:1px solid #CCC;
	padding:3px;
}
.contacts_input2 {
	border:1px solid #CCC;
	padding:3px;
	color: #777;
}

a.lien_bouton {
	display:block;
	width: 84px;
	margin-left:auto;
	margin-right:auto;
	padding: 4px 0 0 7px;
	color:#FFFFFF;
	font-size: 18px;
	text-decoration:none;
	height: 34px;
}	
	
a.lien_bouton span{
	background:#3C3C3C;
 	height:20px;
	padding: 5px;
}	
a.lien_bouton:hover{
	color:#FFF;
	text-decoration:none;
	}	
a.lien_bouton:hover span{
	background:#9dc234;
	}