body {
	font-size:1em;
	font-family:"arial";
	background:none;
	
	margin:auto;
	padding:0px;
	
	/*cursor:url();*/
}

p {
	font-style: italic;
	font-size: 13px;
	font-family: arial, sans-serif;
}


/*##############################################################################

					  Gestion de mise en page globale
							Balise Div de la page 
					
##############################################################################*/
#nuage{

	margin:auto;
	padding:0px 0px 0px 0px;
	position:relative;
	top:-80px;
	left:0px;
	height:auto;
	width:861px;
	overflow:show;
	/*border: 1px solid gray;*/
}
#PAGE{
	
	position:relative;
	left:0px;
	top:-260px;
	height:auto;
	width:861px;
	
	margin:auto;
	padding:0px 0px 0px 0px;
	z-index:0;
	background:none;
	/*border-style:hidden;/*solid, double , dashed ,dotted , inset , outset , ridge*/
	/*border: 1px solid gray;*/
}

#contenu{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	position:relative;
	top:-230px;
	left:-1px;
	float:left;
	height:auto;
	width:861px;
	overflow:show;
	z-index:-2;
	/*background: url("../img/fond_accueil.jpg") no-repeat top;*/
	/*background:none;
	/*border-style:hidden;/*solid, double , dashed ,dotted , inset , outset , ridge*/
	/*border: 1px solid gray;*/
}


#contenu_accueil{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	position:relative;
	top:-497px;
	left:-1px;
	float:left;
	height:500px;
	width:861px;
	overflow:show;
	z-index:-2;
	background: url("../img/fond_accueil.jpg") no-repeat top;*/
	/*background:none;
	/*border-style:hidden;/*solid, double , dashed ,dotted , inset , outset , ridge*/
	/*border: 1px solid gray;*/
}

/*
#menu_vertical {
	float:left;
	width:230px;
	height:auto;
	overflow:show;
	background-color:yellow;
	z-index:20;
	border: 1px solid gray;
	}
*/

/*	
#contenu2 {
	float:right;
	position:relative;
	top:0px;
	width:500px;
	height:auto;
	overflow:show;
	z-index:15;
	border: 1px solid gray;
	}
*/
/*
#bouton_menu {
	position:relative;
	width:222px;
	height:53px;
    background: url("../img/bouton_rouge.gif") no-repeat top;
	z-index:20;
}
*/

#grand_plan{

	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	position:relative;
	top:-140px;
	left:70px;
	float:right;
	height:488px;
	width:488px;
	overflow:show;
	/*border: 1px solid gray;*/
}


#petit_plan{

	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	position:relative;
	top:-180px;
	left:0;
	float:right;
	height:230px;
	width:240px;
	overflow:show;
	z-index:10; 
	border: 0px solid gray;
}

.charte_qualite{
	/*background: url("../img/fond_charte.jpg") no-repeat top; */
	float:left;
	height:290px;
	width:830px;
	border: 0px solid black;
	float:left;

}

/*
#fond_contenu2{
	float:right;
	position:relative;
	top:200px;
	width:500px;
		border: 1px solid gray;
	background:blue;
	z-index:5;
}
*/

#footer{
	margin:0px 0px 0px 0px;
	padding:10px 0px 0px 0px;
	position:relative;
	top:-230px;
	left:-1px;
	float:left;
	height:100px;
	width:861px;
	overflow:show;
	border: 0px solid gray;
	background: url("../img/bandeau_menu.gif") no-repeat top;
	
	font-style: normal;
	font-size: 14px;
	font-family: arial, sans-serif;
	color: white ;
	
}

#footer_accueil{
	margin:0px 0px 0px 0px;
	padding:10px 0px 0px 0px;
	position:relative;
	top:-560px;
	left:-1px;
	float:left;
	height:60px;
	width:861px;
	overflow:show;
	border: 0px solid gray;
	background: url("../img/bandeau_menu.gif") no-repeat top;
	
	font-style: normal;
	font-size: 14px;
	font-family: arial, sans-serif;
	color: white ;
}

#lien_partenaire{
	font-style: normal;
	font-size: 14px;
	font-family: arial, sans-serif;
	color: white ;
}

/*==================menu_vertical====================*/
#menu_vertical {
width: 200px;
margin: -4px;
}

#menu_vertical ul {
list-style: none;
margin: 0;
padding: 0;
}

#menu_vertical li a {
height: 32px;
voice-family: "\"}\"";
voice-family: inherit;
height: 24px;
text-decoration: none;

font-style: normal;
	font-size: 14px;
	font-family: arial, sans-serif;
	color: white ;
}

/* N'oubliez pas de renseigner l'adresse des images */
#menu_vertical li a:link, #menu_vertical li a:visited {

display: block;
background: url(../img/menu_vertical.gif);
padding: 8px 0 0 10px;
color: white ;
}

#menu_vertical li a:hover {
color: black;
background: url(../img/menu_vertical.gif) 0 -32px;
padding: 8px 0 0 10px;
}
 

/******************************************************************************
					Secteur GRAPHIQUE (image, animations , objet...
******************************************************************************/
img{
	border:none;
	margin:0px;
	padding:0px;
	
}

hr{
	color:black;
	width:700px;
	height:2px;
	
	
	margin:auto;
	padding:0px;
}


/******************************************************************************
									Secteur LIENS
******************************************************************************/
a{
	font-size:1em;
	font-family:"sans serif";
	font-weight:normal;/*bold , lighter , bolder*/
	font-variant:normal;/*smallcaps*/

	color:#098989;

	text-transform:none;/*uppercase,lowercase,capitalize*/
	text-decoration:none;/*underline,overline, line-throught,blink*/
	text-align:left;
	
	margin:0px;
	padding:0px;
	
	vertical-align:middle;
	white-space:normal;/*pre , nowrap //retour a la ligne*/
	border-style:hidden;/*solid, double , dashed ,dotted , inset , outset , ridge*/
	border:none;
	
}

a:hover{
	font-size:1em;
	font-family:"sans serif";
	font-weight:normal;/*bold , lighter , bolder*/
	font-variant:normal;/*smallcaps*/

	color:#A98989;

	text-transform:none;/*uppercase,lowercase,capitalize*/
	text-decoration:underline;/*underline,overline, line-throught,blink*/
	text-align:left;
	
	margin:0px;
	padding:0px;
	
	vertical-align:middle;
	white-space:normal;/*pre , nowrap //retour a la ligne*/
	border-style:hidden;/*solid, double , dashed ,dotted , inset , outset , ridge*/
	border:none;
}

a:visited {
	font-size:1em;
	font-family:"sans serif";
	font-weight:normal;/*bold , lighter , bolder*/
	font-variant:normal;/*smallcaps*/

	color:yellow;	

	text-transform:none;/*uppercase,lowercase,capitalize*/
	text-decoration:none;/*underline,overline, line-throught,blink*/
	text-align:left;
	
	margin:0px;
	padding:0px;
	
	vertical-align:middle;
	white-space:normal;/*pre , nowrap //retour a la ligne*/
	border-style:hidden;/*solid, double , dashed ,dotted , inset , outset , ridge*/
	border:none;
}











input, select, textarea { vertical-align:middle; font-weight:normal; font-family:tahoma; color:#47494b; font-size:12px; font-weight:normal; padding-left:5px; border:solid 1px #a4a4a4}
img {border:0; vertical-align:top; text-align:left;}



input {width:243px; height:16px; font-size:12px}
.div_input {height:25px}
textarea {width:360px; height:127px; overflow:auto; margin-bottom:20px; display:block}

.submit{
     border:none;
     color:#fff;
     background: #2088c0;
     width:175px;
     height:22px;
}


.div_links {text-align:right; word-spacing:40px; padding-right:10px}

.col_1, .col_2, .col_3, .col_box_1, .col_box_2{ float:left;}

.col_1{width:230px;}
.col_2{width:656px;}

.width {width:100%}

.box {width:100%}

/*======= index-3.html =======*/
#page4 .box {padding-bottom:10px}
#page4 .col_box_1 { width:251px; margin-right:43px}
#page4 .col_box_2 { width:251px}
/*=========================*/

/*======= index-4.html =======*/
#page5 .col_box_1 { width:260px}
#page5 .col_box_2 { width:283px}
/*=========================*/




col_1 .indent { padding:9px 28px 22px 14px}
.col_2 .indent { padding:1px 83px 30px 4px}



/*================== index.html ==================*/
#page1 #content {padding:0 0 136px 0}
#page1 #content .col_1 .indent { padding:13px 28px 6px 14px}
#page1 #content .col_2 .indent { padding:21px 70px 10px 34px}

/*================== index-3.html ==================*/
#page4 #content {padding:0 0 136px 0}
#page4 .col_2 .indent {padding-right:75px}

/*================== index-4.html ==================*/
#page5 .col_2 .indent {padding-right:75px}


.title {margin-bottom:12px}
.title2 {margin-bottom:17px}




.img_left2 {float:left; margin:0 19px 28px -1px}





/******************************************************************************
									Secteur Menu horizontal jquery
******************************************************************************/


 .menu {	
			
            position: relative;
            height: 32px;
            width: 830px;
            background: url("../img/bandeau_menu.gif") no-repeat top;
            padding: 15px;
            margin: 10px 0;
            overflow: hidden;
			/*border: 1px solid gray;*/
        }
                .menu li {
                    float: left;
                    list-style: none;
					z-index:30;
                }
                    .menu li.back {
                        background: url("../img/lava.gif") no-repeat right -30px;
                        width: 9px; height: 30px;
                        z-index:30;
                        position: absolute;
                    }
                        .menu li.back .left {
                            background: url("../img/lava.gif") no-repeat top left;
                            height: 30px;
                            margin-right: 9px; /* 7px is the width of the rounded shape */
                        }
                    .menu li a {
                        font: bold 14px arial;
                        text-decoration: none;
                        color: #fff;
                        outline: none;
                        text-align: center;
                        top: 7px;
                        text-transform: uppercase;
                        letter-spacing: 0;
                        z-index:35;
                        display: block;
                        float: left;
                        height: 30px;
                        position: relative;
                        overflow: hidden;
                        margin: auto 10px;    
                    }
                        .menu li a:hover, .menu li a:active, .menu li a:visited {
                            border: none;
                        }