/*################################  Syles communs ################################*/

body {
margin:0px;
padding:0px;
font-family:Arial, Helvetica, sans-serif;
background-color:#CCCCCC
}
img{border:0px;}
marquee{margin:0px; padding:0px;}

#conteneur {
width:900px;
height:580px;
margin:auto;
}

#bando {
width:900px;
background-image:url(../images/header-FDA.jpg); background-repeat:no-repeat;
}

#def {
width:100%;
/*left:50%;
margin:20px 0px 0px -130px;*/
border:none;
padding:0;
/*position:absolute;*/
}

#logo {
float:left;
margin-left:25px;
margin-top:75px;
border:none;
}

#interieur {
height:436px;
width:900px;
}

#menu {
height:416px;
width:211px;
float:left;
background-color:#888580;
padding-top:20px;
margin:0px;
background-image:url(../images/fond-menu.gif);
background-repeat:no-repeat;
}

#pyramide {
margin-left:25px;
clear:left;
text-align:center;
}

#contenu {
float:left;
width:688px;
height:436px;
background-color:#345051;
}

#txt_pyramide {
position:absolute;
width:140px;
height:70px;
color:#FFFFFF;
font-size:13px;
line-height:16px;
top:475px;
left:37px;
text-align:center;
display:none;
}

/*################################  Partie centre  ################################*/

#centre {
width:142px;
height:436px;
margin:0px 12px !important;
margin:0px 11px 0px 20px;
float:left;
}

#centre-home {
width:40px;
height:436px;
margin:0px 12px !important;
margin:0px 11px 0px 20px;
float:left;
}

#centre p {
	color:#FFFFFF;
	font-size:14px;
	margin:0px;
	padding:0px;
}

#cabinet {
margin:21px 0px 16px 0px;
padding:0px;
}

#photo_home {
margin:0px 0px 10px 0px;
padding:0px;
}

/* ################################# Partie droite home #################################  */

#droite {
float:left;
width:522px !important;
width:510px;
height:436px;
}

#droite h1 {
font-size:15px;
color:#FFFFFF;
margin:0px;
padding:50px 0px 0px 0px;
font-weight:bold;
text-align:center;
}

#droite h2 {
font-size:30px;
color:#FFFFFF;
margin:0px;
padding:110px 0px 0px 0px;
font-weight:bold;
text-align:center;
}

/*################################  Partie droite Maj pages ################################*/

#droite_page {
float:left;
width:522px !important;
width:510px;
height:416px;
background-image:url(../images/fond_contenu.gif);
background-repeat:no-repeat;
background-position:0px 0px;
margin-top:10px;
}

#droite_page h1 {
font-size:17px;
color:#FFFFFF;
margin:0px;
padding:10px 0px 10px 25px;
font-weight:bold;
}

h1 a:link, a:active, a:visited {
color:#FFFFFF;
text-decoration:none;
}

h1 a:hover {
text-decoration:underline;
}

#droite_page p {
margin:15px 0px;
padding:0px 30px 0px 25px;
font-size:12px;
color:#000000;
}

#droite_page ul {
margin:0px;
padding:0px 20px 0px 25px;
font-size:12px;
}

#droite_page ul li {
list-style-type:none;
background-image:url(../images/puce_contenu.gif);
padding:0px 0px 0px 25px;
background-repeat:no-repeat;
background-position:0px 1px;
margin:4px 0px 4px 10px;
line-height:14px;
}

/*################################  Partie droite plus longue  ################################*/

#droite_page_plus {
float:left;
width:522px !important;
width:510px;
height:416px;
background-image:url(../images/fond_contenu2.gif);
background-repeat:no-repeat;
background-position:0px 0px;
margin-top:10px;
}

#droite_page_plus h1 {
font-size:17px;
color:#FFFFFF;
margin:0px;
padding:10px 0px 10px 25px;
font-weight:bold;
}

#droite_page_plus p {
margin:18px 0px;
padding:0px 30px 0px 25px;
font-size:12px;
color:#000000;
}

/* ################################# Bloc menu bas #################################  */

#menu_bas {
width:522px !important;
width:510px;
padding:0px;
margin:9px 0px 0px 0px;
}

#menu_bas_page {
width:522px !important;
width:510px;
padding:0px;
margin:40px 0px 0px 0px;
}

#menu_bas_page_metier {
width:522px !important;
width:510px;
padding:0px;
margin:5px 0px 0px 0px;
}

/* ################################# Style liens #################################  */

a.menubas:link, a.menubas:active, a.menubas:visited {
display:block;
height:16px;
font-size:12px;
line-height:16px;
text-decoration:underline;
color:#FFFFFF;
padding-left:25px;
background-image:url(../images/puce_lien_jaune.gif);
background-repeat:no-repeat;
background-position:0px 0px;
margin-top:10px;
margin-left:135px !important;
margin-left:60px;
float:left;
clear:left;
}

a.menubas:hover {
text-decoration:none;
}

a.menu:link, a.menu:active, a.menu:visited {
display:block;
width:auto;
height:16px;
width:184px;
font-size:13px;
line-height:16px;
text-decoration:none;
color:#FFFFFF;
padding-left:28px;
padding-top:8px;
padding-bottom:8px;
float:left;
clear:left;
}

a.menu:hover {
color:#db5532;
}

a.menu_on:link, a.menu_on:active, a.menu_on:visited, a.menu_on:hover {
display:block;
width:auto;
height:16px;
width:184px;
font-size:13px;
line-height:16px;
text-decoration:none;
color:#db5532;
padding-left:28px;
padding-top:8px;
padding-bottom:8px;
float:left;
clear:left;
}

.contact {
background-image:url(../images/puce_menu.gif);
background-repeat:no-repeat;
background-position:5px 8px;
}

a.txt10:link, a.txt10:active, a.txt10:visited  {
font-size:10px;
color:#FFF;
text-decoration:underline;
}

a.txt10:hover {
text-decoration:none;
color:#db5532;
} 
a.txt12:link, a.txt10:active, a.txt10:visited, a.txt12:visited  {
font-size:12px;
font-weight:bold;
color:#000;
text-decoration:none;
}

a.txt12:hover {
text-decoration:underline;
color:#000;
} 

/* ################################# PAGE POSTE TRAITES #################################  */

.carre {
width:107px;
height:105px;
float:left;
}

.carre img {
border:none;
}

#carre1 {
margin:10px 30px 41px 130px !important;
margin:10px 30px 41px 65px;
padding:0px;
}

#carre2 {
margin:10px 0px 0px 0px;
padding:0px;
}

#carre3 {
margin:40px 20px 0px 50px !important;
margin:40px 20px 0px 25px;
padding:0px;
}

#carre4 {
margin:40px 20px 0px 20px;
padding:0px;
}

#carre5 {
margin:10px 0px 0px 20px;
padding:0px;
}

#carre_poste {
padding:0px;
margin:10px 20px 194px 30px !important;
margin:10px 20px 191px 15px;
}

#desc_post {
padding:0px;
margin:10px 0px 11px 0px;
float:left;
color:#000000;
font-size:12px;
width:335px;
height:290px;
overflow:auto;
font-weight:bold;
}

#desc_post p {
padding:0;
margin:5px 0px 10px 0px;
}

#desc_php {
padding:0px 0px 0px 30px;
margin:20px 0px 11px 0px;
float:left;
color:#000000;
font-size:12px;
width:470px;
height:280px;
line-height:18px;
}
#liste-poste{float:left; width:280px; font-size:12px; margin-left:30px; height:300px; overflow:auto;}

/* ################################# PAGE plan #################################  */

#centre p.centre {
text-align:center;
}

#centre p.txt12 {
font-size:12px;
text-align:center;
}



#plan {
	margin-left:6px;
	margin-top:6px;
	padding:0px;
}

/* ################################# PAGE goodies #################################  */
/*################################  Partie droite Maj pages ################################*/

#droite_page_goodie {
float:left;
width:522px !important;
width:510px;
height:416px;
background-image:url(../images/fond_contenu_goodie.gif);
background-repeat:no-repeat;
background-position:0px 0px;
margin-top:10px;
}

#droite_page_goodie h1 {
font-size:17px;
color:#FFFFFF;
margin:0px;
padding:10px 0px 10px 25px;
font-weight:bold;
}

#droite_page_goodie p {
margin:15px 0px;
padding:0px 30px 0px 25px;
font-size:12px;
color:#000000;
}

#droite_page_goodie ul {
margin:0px;
padding:0px 20px 0px 25px;
font-size:12px;
}

#droite_page_goodie ul li {
list-style-type:none;
background-image:url(../images/puce_contenu.gif);
padding:0px 0px 0px 25px;
background-repeat:no-repeat;
background-position:0px 1px;
margin:4px 0px 4px 10px;
line-height:14px;
}

#cv {
margin-left:15px;
margin-top:28px;
border:none;
}

#carre_goodie {
padding:0px;
margin:27px 20px 179px 10px !important;
margin:27px 20px 170px 5px;
}

#desc_goodie {
padding:0px;
margin:10px 0px 11px 50px !important;
margin:10px 0px 19px 50px;
float:left;
color:#000000;
font-size:12px;
width:435px;
height:290px;
overflow:auto;
}

.ecart {
height:12px;
}
/*###########################################################################################
########################			Qui sommes nous			#################################
###########################################################################################*/
#bio-duval{background-color:#cbcac9; font-size:10px; padding:20px; width:200px; position:absolute; left:50%; margin-left:-82px; top:233px; display:none;}
#bio-fourage{background-color:#ffeb8c; font-size:10px; padding:20px; width:250px; position:absolute; left:50%; margin-left:-82px; top:300px; display:none;}
a.lien-biographie{color:#fff; text-decoration:none;}
a.lien-video{ display:block; width:63px; height:21px; float:right; text-align:center; line-height:20px; background-image:url(../images/bouton_video.jpg); background-repeat:no-repeat; font-size:10px; color:#000; text-decoration:none; margin-right:20px;}
a.lien-savoir{ display:block; width:63px; height:21px; float:right; text-align:center; line-height:20px; font-size:10px; color:#000; text-decoration:none;}

/*######################			Page POP UP SYNTEC			##################################*/
#conteneur-popup{width:700px; margin:auto; border:1px #000 solid; background-color:#576E6F; color:#fff;}
h1.popup{font-size:18px; text-align:center; color:#DD522C; background-color:#504C4D; padding:10px; margin:0px; height:30px; padding-top:20px;}
p.popup{font-size:12px; padding-left:5px; padding-right:5px;}
p.popup-bas{font-size:12px; background-color:#504C4D; color:#fff; margin:0px; padding:10px; height:20px; text-align:center; padding-top:15px;}

/*###################################################################################
########################			CLASS			#################################
###################################################################################*/
.txt-9{font-size:9px;}
a.fermer_layer{color:#000; text-decoration:none; margin-left:240px; font-weight:bold; font-size:12px;}
a.fermer_layer:hover{color:#fff;}
a.fermer_layer_2{color:#000; text-decoration:none; margin-left:190px; font-weight:bold; font-size:12px;}
#txt-terre{float:left; font-size:12px; width:105px; margin-top:10px; color:#fff;}
img.terre{float:left; margin:20px 10px 0 25px;}
.float-left{float:left;}
#accerateur-talent{height:15px;}