@charset "UTF-8";


/*________ RECAP DES COULEURS _____________*/
/* 
gris: #808080
fond: #F0F3E9
vert: #9BBE3C
*/

/*______________________________________________________________________________*/
/*____________________________________GENERAL __________________________________*/
/*______________________________________________________________________________*/

body {
	background:#FBDEF6;
	font-family: Arial, Helvetica, sans-serif;
	color :#000000;
	text-align:center;
	margin:0px;
	padding:0px;
	font-size : 12px;
}

div,p,form,table,ul,li,ol {
    margin:0px;
    padding:0px;
}

img { border:none;}
.img_middle {vertical-align:middle;}
.img_center {text-align:center;margin-right : auto;margin-left:auto;}

ul li {
    list-style-position:inside;
    list-style-type:none;
}

ol {	margin-left : 20px;}

ol li {
    list-style-position:outside;
	color: #267646;
	padding-bottom : 10px;
	font-weight : bold;
}
ol li span {
	color :#003542;
	font-weight : normal;
}


/*______________________________________________________________________________*/
/*________________________________BLOC PRINCIPAUX________________________________*/
/*______________________________________________________________________________*/

#conteneur {
	margin-top : 10px;
	margin-bottom : 10px;
	width:1024px;
	text-align:left;
	margin-left:auto;
	margin-right:auto;
	border : 2px solid #6a9c43;
}

#header {
	height:210px;
	border-bottom : 2px solid #6a9c43;
	/*background-image:url("../images/gabarit/header.gif");
	background-repeat:no-repeat;
	background-position : top left;*/
}
 
#contenu_principal {
	min-height : 300px;
	padding-top  : 20px;
	padding-bottom : 30px;
}
 
#colonne_gauche {
	width : 250px;
	padding-left : 10px;
	padding-right : 10px;
	float : left;
}

#colonne_droite {
	width : 754px;
	float : left;
}

#contenu {
	padding:  20px;
}


.colonne_right{float:right;}
.colonne_left{float:left;}

#footer {
	margin:auto;
	text-align:center;
	border-top : 2px solid #6a9c43;
	min-height : 20px; 
	background-image:url("/images/degrade_rose.jpg");
	background-repeat:no-repeat;
	background-position : bottom left;
	color : #334123;
}

#footer a {
	color :#334123;
}

#footer .copyright {
	padding : 10px;
	padding-left:80px;
	padding-right:80px;
}



.message{
	color:green;
	font-weight:bold;
}

.erreur{
	color:red;
	font-weight:bold;
}


/*______________________________________________________________________________*/
/*___________________________________MENUS ___________________________________*/
/*______________________________________________________________________________*/

#menu_top {
}




.bloc_gauche {
	margin-bottom : 20px;
	width : 212px;
}

.bloc_gauche .top {
	background-image:url("../images/menu_gauche_top_25.png");
	background-repeat:no-repeat;
	background-position : top left;
	height : 27px;
	text-align:center;
}

.bloc_gauche .top h2 {
	color:#334123;
	padding-top : 3px;
}

.bloc_gauche .middle {
	border : 2px solid #6a9c43;
	border-top : none;
	padding : 5px;
}

.bloc_gauche .bottom {

}


/*______________________________________________________________________________*/
/*___________________________________POLICES____________________________________*/
/*______________________________________________________________________________*/

h1, h2, h3, h4, h5 {margin:0px;padding:0px;}

h1, h1 a {
	font-size : 20px;
	text-transform : uppercase;
 	color:#de5b81;
	margin-bottom : 15px;
	padding-bottom : 18px;
	font-weight : bold;
}

h2, h2 a {
	font-size : 18px;
	font-weight : bold;
	color:#de5b81;
	margin:0px;
}

h3, h3 a {
	color:#de5b81;
	font-size:14px;
	font-weight : bold;
	margin:0px;
}

h4 {
	font-size:12px;
	font-weight : bold;
}

.sous_titre {
	font-size : 17px;
	font-weight : bold;
	color : #de5b81;
	text-transform : none;
}

.texte_intro {
	color : #0000000;
	font-size : 14px;
	font-weight : bold;
}

/*_______ Les liens ________*/
a{
	color : #6A9C43;
	text-decoration : none;
}

a:hover {text-decoration : none;}
a.lien_rose {color : #de5b81;}


/*______ Les couleurs de polices ______*/
.rose, rose a, a.rose {color : #de5b81;}
.vert, vert a, a.vert {color : #6a9c43;}
.noir, noir a, a.noir {color : #000000;}



/*______ Les couleurs de fond ______*/
.bg_vert {background-color : #6a9c53;}
.bg_rose {background-color : #faa4df;}


/*______ Divers ______*/
.message {
	margin-left:15px;
	color:green;
}
.erreur {
	margin-left:15px;
	padding-top:15px;
	color:red;
}

.big {font-size :14px;}
.small {font-size :10px;}



/*______________________________________________________________________________*/
/*_________________________________FORMULAIRES__________________________________*/
/*______________________________________________________________________________*/
input, textarea, button {
	margin:0px;
}

button {
	padding : 0px;
	background-color : #2CAEAF;
	border : none;
	vertical-align:bottom;
	cursor:pointer;
	font-weight : bold;
}

.button:hover {
	background-color : #D892C7;
}

label {
	float : left;
	width:100px;
}

.label_big {
	width : 200px;
}


/*______________________________________________________________________________*/
/*_________________________________ DIVERS __________________________________*/
/*______________________________________________________________________________*/


.box_rose {
	margin-bottom : 20px;
	width : 522px;
}

.box_rose .top {
	background-image:url("../images/box_rose_top_520.png");
	background-repeat:no-repeat;
	background-position : top left;
	height : 27px;
	text-align:center;
}

.box_rose .top h2, .box_rose .top h2 a, .box_rose .top h2 a:hover {
	color:#de5b81;
	padding-top : 3px;
}

.box_rose .middle {
	border : 2px solid #faa4df;
	border-top : none;
	padding : 5px;
}

.box_rose .bottom {

}