/* 
Feuille de style PLAE
Auteur: Stinger & Stomerful
Compagnie: S.design
Contact: sdesign_mada@yahoo.fr
Date de creation: Janvier 2007
*/


/* --- PARAMETRE GLOBAL --- */



body {
	margin:5px 0px;
	padding:0px;
	font-family:'Verdana', Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#009933;
}



img {
	margin:0px;
	border:none;
}



a {
	color:#009933;
	text-decoration:none;

}



a:hover {
	color:#003333;
	text-decoration:none;

}



.hidden {
	display:none;
}



.visible {
	display:block;

}


/* entete */



#entete {
	margin:0px auto;
	padding:0px;
	background: url(../images/divers/entete_bg.jpg) no-repeat;
	width:758px;
	height:167px;

}



#entete #menu_head {
	margin:0px auto;
	padding:20px 0px 0px;
	width:730px;
	text-align:right;

}



#entete #banniere_flash {
	float:right;
	position:relative;
	top:7px;
	right:11px;
	margin:0px;
	padding:0px;
	width:392px;
	height:110px;
	z-index:0;

}

/* menu principal */


#menu {
	margin:0px auto;
	padding:0px 20px 0px 0px;
	width:738px;
	height:34px;
	display:block;
	margin-top:-19px;
	background:url(../images/divers/contenu_top.jpg) center 25px no-repeat;

}



#menu a {

	width:102px;
	height:20px;
	padding:12px 0px 0px;
	text-align:center;
	float:right;
	display:block;
	background:url(../images/divers/bouton_on.jpg) no-repeat;
	color:#FFFFFF;

}



#menu a:hover, #menu a.active {

	color:#009933;
	background:url(../images/divers/bouton_off.jpg) no-repeat;

}



/* contenu  */



#contenu {

	width:758px;
	margin:0px auto;
	padding:0px;
	background:url(../images/divers/contenu_main.jpg) center repeat-y;

}

.espace { 
	height: 50px;

}

#contenu #main {
	width:758px;
	height:650px;
	margin:0px auto;
	padding:0px;
	background:url(../images/divers/main_bg.jpg) center bottom no-repeat;

}





/* contenu grand titre */



#contenu #main #grand_titre {

	width:35px;
	height:200px;
	margin:0px;
	padding:0px;
	float:left;
	position:relative;
	left:10px;
	border-right:1px solid #DEF2E6;

}



/* contenu menu rubrique */



#contenu #main #menu_rubrique {

	width:130px;
	height:300px;
	margin:25px 0px 0px 10px;
	padding-top:50px;
	float:left;
	border-right:1px solid #DEF2E6;

}



#contenu #main #menu_rubrique a {

	width:120px;
	height:auto;
	display:block;
	margin:0px auto 10px;
	text-align:right;

}



#contenu #main #grand_titre img {

	margin:0px auto;
	padding:0px;
	display:block;

}



/* contenu principal */



#contenu #main #presentation {

	margin:0px 0px 0px 10px;
	width:550px;
	height:auto;
	padding:0px;
	float:left;

}



#contenu #main #presentation div {

	margin:0px;
	padding:0px;

}



#contenu #main #presentation div a#organig {

	margin:0px;
	padding:0px;
	display:block;
	width:550px;
	height:350px;
	border:1px solid #DEF2E6;

}



#contenu #main #presentation div a {

	color:#999999;
	font-style:italic;

}



#contenu #main #presentation p#sous_menu {

	margin-top:20px;
	padding:0px;
	font-size:10px;
	font-style:italic;
	text-align:right;
	border-top:1px solid #DEF2E3;

}



#contenu #main #presentation div.image {

	margin:10px 0px;
	width:550px;
	height:140px;
	padding:0px;

}



#contenu #main #presentation div.image div {

	width:176px;
	height:140px;
	float:left;
	margin-right:5px;

}



#contenu #main #presentation div.image div p {

	margin:0px 0px 5px;
	padding:0px;
	font-style:italic;
	font-size:10px;

}

#contenu #main #presentation div.image p.titrePhoto {
	font-size:9px; text-align:center;}

#contenu #main #presentation div.image div p a {

	color:#999999;

}



#contenu #main #presentation div.image div img {

	border:1px solid #DEF2E6;

}



#contenu #main #presentation h1 {

	font-size:11px;
	font-weight:bold;
	margin:25px 0px 15px;
	padding:0px;
	text-transform:uppercase;
	color:#009933;

}



#contenu #main #presentation h2, #contenu #planDeux .float h2 {

	color:#000000;
	margin:0px 0px 10px;
	padding:0px;
	font-size:11px;
	font-weight:bold;
	color:#009933;

}


#contenu #planDeux p {
	text-align:justify;
}



#contenu #main #presentation p {

	color:#000000;
	margin:0px 0px 5px;
	padding:0px;
	text-align:justify;

}



#contenu #main #presentation ul, #contenu #main #presentation ul li {

	color:#000000;
	margin:0px;
	padding:0px;

}



#contenu #main #presentation ul li {

	margin-left:20px;

}

/* plan du site */



#contenu #plan, #contenu #planDeux {
	width:758px;
	height:650px;
	margin:0px auto;
	padding:0px;
	background:url(../images/divers/main_bg.jpg) center bottom no-repeat;

}

#contenu #planTroix {
	width:758px;
	height:auto;
	margin:0px auto;
	padding:0 0 25px 0;
	background:url(../images/divers/main_bg.jpg) center bottom no-repeat;

}

#contenu #planTroix div {
	width:620px;
	margin:0px 70px;
	padding:25px 0px 0px;

}


#contenu #plan div {
	width:620px;
	height:500px;
	margin:0px 70px;
	padding:25px 0px 0px;

}

#contenu #planDeux div {

	margin:0 5px 0 25px;
	padding:15px;


}

#contenu #planDeux p{ margin-top:0; }

#contenu #planDeux .float {
	float:left;
	width:150px;
	height:600px;

}

#contenu #planDeux .float ul { 
	margin:5px;
	padding:5px;
	list-style: url(../images/divers/puceM.gif);
}

#contenu #planDeux .float ul li {
	margin:10px;
}


#contenu #plan div .tit_plan{

	width:620px;
	height:15px;
	display:block;
	margin:10px 0px 0px;
	padding:0px;
	font-weight:bold;
	border-bottom:1px solid #DEF2E6;

}



#contenu #plan div .tit_entit{

	width:620px;
	height:15px;
	display:block;
	margin:10px 0px 0px;
	padding:0px;
	font-weight:bold;
	font-size:14px;

/*	border-bottom:1px solid #DEF2E6;*/

}



#contenu #plan div .stit_plan{

	width:620px;
	height:15px;
	display:block;
	margin:0px;
	padding:0px;

}



#contenu #plan div .istit_plan{

	width:620px;
	height:15px;
	margin:0px;
	padding:0px;

}



#contenu #plan div .contact {

	color:black;

}



#contenu #plan div p {

	margin:5px 0px;
	padding:0px;

}

/* pop up*/



#popup {

	position:absolute;
	display:none;
	top:30px;
	left:0px;
	width:100%;
	height:auto;
	margin:0px;
	padding:0px;
	z-index:2;

}



#popup div {

	width:600px;
	height:auto;
	margin:0px auto;
	padding:0px;
	border:1px solid #009933;
	background-color:#FFFFFF;

}



#popup div img {

	display:block;
	margin:10px auto;
	padding:0px;

}



#popup div p {

	display:block;
	text-align:center;
	width:600px;
	margin:0px 0px 10px;
	padding:0px;
	font-size:9px;
	font-style:italic;

}



/* copyright */



#copyright {

	width:758px;
	height:20px;
	margin:0px auto;
	padding:0px;
	text-align:center;
	font-size:9px;

}



/* flash introduction */



#flash {

	width:620px;
	height:300px;
	margin:150px auto;
	padding:0px;
	position:relative;

}


.fondFlash {
	height:150px;
	background:url(../images/sommaire/bgIntro.gif) top no-repeat;
}

#texteIntro {
	text-align:center;
	color:#000000;}

/* organigramme */



#organig_gm {

	display:block;
	margin:10px auto;

}

.tablo {
	font-family: 'Helvetica', Arial, sans-serif;
	width: 500px;
	display: block;
	font-size: 9px;
	color:#000000;
	font-weight:800;
}