/*-----------------------------------------------------*/
/*-------------partie globale-------------*/
/*-----------------------------------------------------*/
/*Propriété du body*/
body {
height: 100%; 
margin: 0px;  
background-color: #FFF;
padding:0px; 
text-align:center;
font-family:arial;
} 
/*------------------------- */

/*propriété de la partie qui contient le logo et la partie de l'identification */
div#entete {
width:970px;
height:170px;
margin-top: 10px;
margin-left: auto;
margin-right: auto;
background-image: URL("images/bandeau.gif");
}

div#text_gauche {
width:240px;
height:54px;
font-size:8pt;
text-align:right;
margin-left: 15px;
margin-top: 10px;
margin-right: auto;
background: transparent;
float:left;
padding:0px;
text-align:left;
color:#EE7A24;
}

div#text_droite {
width:180px;
height:90px;
font-size:8pt;
text-align:right;
margin-top: 76px;
margin-left: auto;
margin-right: auto;
background-color: #fff;
float:left;
padding:0px;
text-align:right;
color:#9AA9C6;
}

div#conteneur_image {
width:500px;
height:98px;
text-align:right;
margin-top: 72px;
margin-left: 10px;
margin-right: auto;
background-color: #fff;
float:left;
padding:0px;
text-align:left;
color:#9AA9C6;
}
div#conteneur_image img {
border : none;
border : 0;
}
/*------------------------- */


/*propriété de la partie qui contient les boutons du menu */
div#menu {
width:970px;
height:21px;
background-image: URL("images/menu.gif");
margin-left: auto;
margin-right: auto;
background-color: #000;
text-align:center;
margin-top:0px;
}


#navlist
{
width:850px;
height:20px;
margin-left: auto;
margin-right: auto;
margin-top:0px;
margin-bottom:0px;
background-color: #transparent;
text-align:center;
font-family:arial, times;
font-size:10pt;
display: inline;
list-style-type: none;

}

#navlist li
{
font: bold;
color: #fff;
font-family:arial, times;
font-size:11pt;
display: inline;
list-style-type: none;

}

#navlist a
{
font-weight:bold;
color: #fff;
margin:0px;
padding-right:20px;
text-decoration: none;
}

#navlist a:hover
{
color: 336699;
text-decoration: none;
}
/*------------------------- */



/*propriété de la partie qui englobe le menu de gauche et le contenu */
div#global{
width:970px;
height:578px;
padding-top:10px;
margin-left: auto;
margin-right: auto;
background-image: URL("images/contenu_general.gif");
background-repeat: no-repeat;
}

div#titre_page{
text-align:left;
margin-left:30px;
font-size:11pt;
font-weight:bold;
font-family:arial, times;
color:#788CB3;
}

div#titre_partie{
text-align:left;
font-size:13pt;
font-weight:bold;
font-family:arial, times;
color:#788CB3;
}


/*--------------------------------------------------------------------------------------------------------------------- */
/*--------------------------------------------------------------------------------------------------------------------- */
/*--------------------------------------------Page accueil--------------------------------------------------------- */
/*--------------------------------------------------------------------------------------------------------------------- */
/*--------------------------------------------------------------------------------------------------------------------- */

/*propriété de la partie de gauche qui contient la liste des genres des films */
div#news {
width:239px;
height:322px;
margin-top: 10px;
margin-left: 21px;
margin-right: auto;
background-image: URL("images/fond_news.gif");
float:left;
text-align:center;
}

div#contenu_news {
width:211px;
height:275px;
margin-top: 35px;
margin-left: auto;
margin-right: auto;
background: transparent;
text-align:left;
font-size:10pt;
font-family:arial, times;
}

div#contenu_news a{
text-align:left;
font-size:8pt;
font-family:arial, times;
color:#5a7bb9;
}

div#affiche_news {
width:497px;
height:921px;
margin-top: 10px;
margin-left: 18px;
margin-right: auto;
background-image: URL("images/contenu_news.gif");
float:left;

}

div#contenu_affiche_news {
width:469px;
height:869px;
margin-top: 10px;
margin-left: auto;
margin-right: auto;
background:transparent;
text-align:left;
font-size:10pt;
font-family:arial, times;
}
/*------------------------- */

/*propriété de la partie de droite qui contient les fiches des films et autres contenus */
div#mot_psdt {
width:495px;
height:322px;
margin-top: 10px;
margin-left: 18px;
margin-right: auto;
background-image: URL("images/fond_mot_psdt.gif");
float:left;
text-align:center;
}

div#contenu_mot_psdt {
width:467px;
height:270px;
margin-top: 40px;
margin-left: auto;
margin-right: auto;
background:transparent;
text-align:left;
font-size:8pt;
font-family:arial, times;
}
/*------------------------- */

/*propriété de la partie de droite qui contient les fiches des films et autres contenus */
div#vie_assoc {
width:179px;
height:322px;
margin-top: 10px;
margin-left: 18px;
margin-right: auto;
background-image: URL("images/fond_vie_assoc.gif");
float:left;
text-align:center;
}

div#contenu_vie_assoc {
width:151px;
height:270px;
margin-top: 40px;
margin-left: auto;
margin-right: auto;
background:transparent;
text-align:left;
font-size:8pt;
font-family:arial, times;
}

.orange{
color:#EE7A24;
font-weight:bold;
}
.gris{
color:#5a7bb9;
}
.titre{
font-size:4pt;
font-family:arial, times;
color:#788CB3;
}
/*------------------------- */

/*propriété de la partie de droite qui contient les fiches des films et autres contenus */
div#pub {
width:239px;
height:152px;
margin-top: 3px;
margin-left: 21px;
margin-right: auto;
background-image: URL("images/fond_pub.gif");
float:left;
text-align:center;
}

div#flash  {
text-align:center;
margin-top: 20px;

}
/*------------------------- */

/*propriété de la partie de droite qui contient les fiches des films et autres contenus */
div#bouton {
width:495px;
height:198px;
margin-top: 6px;
margin-left: 18px;
margin-right: auto;
background:transparent;
float:left;
text-align:left;
}

div#bouton  table{
width:495px;
height:198px;
text-align:center;
border:0px;
border:none;
}
/*------------------------- */

/*propriété de la partie de droite qui contient les fiches des films et autres contenus */
div#partenaires {
width:179px;
height:152px;
margin-top: 6px;
margin-left: 18px;
margin-right: auto;
background-image: URL("images/fond_partenaire.gif");
float:left;
text-align:center;
}

div#contenu_partenaires{
width:160px;
height:104px;
margin-top: 30px;
margin-left: auto;
margin-right: auto;

padding:0px;
}

div#logo_partenaire {
width:920px;
height:480px;
margin-top: 6px;
margin-left: 18px;
margin-right: auto;
background-color : #fff;
float:left;
text-align:center;
}

div#contenu_logo_partenaire{
width:900px;
height:460px;
margin-top: 10px;
margin-left: 10px;
margin-right: auto;

}
div#logo{
width:165px;
height:149px;
margin-bottom : 10px;
margin-left: auto;
margin-right: 10px;
background-image: URL("images/partenaires/fond_partenaire.gif");
text-align:center;
font-size:9pt;
float:left;
}
div#logo img{
margin-top:10px;
}
div#logo a{
text-decoration:none;
}
div#association_membre{
width:173px;
height:154px;
margin-bottom : 10px;
margin-left: 10px;
margin-right: auto;
background-image: URL("images/fond_association_membre.gif");
text-align:center;
font-size:9pt;
float:left;
}
div#association_membre img{
margin-top:60px;
}

/*------------------------- */

/*propriété du pied du site */
div#pied {
width:955px;
height:45px;
margin-left: auto;
margin-right: 15px;
background-repeat: no-repeat;
background-color: #fff;
float:right;
text-align:right;
font-size:8pt;
}
div#pied a{
color:#000;
text-decoration:none;
}
div#pied a:hover{
color:#EE7A24;
text-decoration:none;
}
/*-------------------------- */


 img {
    border : none;
    border : 0;
    }

/*--------------------------------------------------------------------------------------------------------------------- */
/*--------------------------------------------------------------------------------------------------------------------- */
/*--------------------------------------------Page association--------------------------------------------------- */
/*--------------------------------------------------------------------------------------------------------------------- */
/*--------------------------------------------------------------------------------------------------------------------- */



div#gauche {
width:239px;
height:455px;
margin-top: 10px;
margin-left: 21px;
margin-right: auto;
background-image: URL("images/fond_adapa.gif");
float:left;
text-align:center;
}

div#contenu_gauche {
width:211px;
height:408px;
margin-top: 10px;
margin-left: auto;
margin-right: auto;
background-color: transparent;
text-align:left;
font-size:9pt;
font-family:arial, times;
}
/*------------------------- */

div#centre {
width:495px;
height:455px;
margin-top: 10px;
margin-left: 18px;
margin-right: auto;
background-image: URL("images/fond_centre.gif");
float:left;
text-align:center;
}

div#contenu_centre {
width:470px;
height:407px;
margin-top: 10px;
margin-left: auto;
margin-right: auto;
background: transparent;
text-align:left;
font-size:9pt;
font-family:arial, times;
}

div#image {
width:470px;
height:290px;
margin-left: auto;
margin-right: auto;
background: transparent;
text-align:left;
font-size:9pt;
font-family:arial, times;
}

.flottement_gauche{
float:left;
margin-right:10px;
}

div#droite_haut {
width:179px;
height:332px;
margin-top: 10px;
margin-left: 18px;
margin-right: auto;
background-image: URL("images/fond_droite_haut.gif");
float:left;
text-align:center;
}
div#contenu_droite_haut{
width:151px;
height:284px;
margin-top: 10px;
margin-left: auto;
margin-right: auto;
background-color: transparent;
text-align:left;
font-size:9pt;
font-family:arial, times;

}


div#droite_bas {
width:179px;
height:152px;
margin-top: 6px;
margin-left: 18px;
margin-right: auto;
background-image: URL("images/fond_droite_bas.gif");
background-repeat: no-repeat;
float:left;
text-align:center;
}

div#contenu_droite_bas{
width:151px;
height:104px;
margin-top: 10px;
margin-left: auto;
margin-right: auto;
background-color: transparent;
text-align:left;
font-size:9pt;
font-family:arial, times;
}


/*--------------------------------------------------------------------------------------------------------------------- */
/*--------------------------------------------------------------------------------------------------------------------- */
/*--------------------------------------------Page nos services-------------------------------------------------- */
/*--------------------------------------------------------------------------------------------------------------------- */
/*--------------------------------------------------------------------------------------------------------------------- */
div#service_gauche {
width:239px;
height:521px;
margin-top: 10px;
margin-left: 21px;
margin-right: auto;
background-image: URL("images/fond_service_gauche.gif");
background-repeat:no-repeat;
background-color:#fff;
float:left;
text-align:center;
}

div#contenu_service_gauche {
width:207px;
height:474px;
margin-top: 10px;
margin-left: auto;
margin-right: auto;
background-color: transparent;
text-align:left;
font-size:9pt;
font-family:arial, times;
}
/*------------------------- */

div#centre_service {
width:495px;
height:455px;
margin-top: 10px;
margin-right: auto;
background-image: URL("images/fond_centre.gif");
float:left;
text-align:center;
}

div#contenu_centre {
width:470px;
height:407px;
margin-top: 10px;
margin-left: auto;
margin-right: auto;
background: transparent;
text-align:left;
font-size:9pt;
font-family:arial, times;
}

div#image {
width:251px;
height:407px;
margin-left: auto;
margin-right: auto;
background: transparent;
float:left;
text-align:left;
font-size:9pt;
font-family:arial, times;
}
div#text {
width:205px;
height:290px;
margin-left: 261px;
margin-right: auto;
background: transparent;
text-align:left;
font-size:9pt;
font-family:arial, times;

}

div#centre_service_bas {
width:494px;
height:453px;
margin-top: 10px;
margin-left: 18px;
margin-right: auto;
background-image: URL("images/fond_centre.gif");
float:left;
text-align:center;
}

div#contenu_centre_service_bas {
width:469px;
height:405px;
margin-top: 10px;
margin-left: auto;
margin-right: auto;
background: transparent;
text-align:left;
font-size:9pt;
font-family:arial, times;
}


div#droite_haut {
width:176px;
height:388px;
margin-top: 10px;
margin-left: 18px;
margin-right: auto;
background-image: URL("images/fond_service_droite_haut.gif");
float:left;
text-align:center;
}
div#contenu_droite_haut{
width:148px;
height:340px;
margin-top: 10px;
margin-left: auto;
margin-right: auto;
background-color: transparent;
text-align:left;
font-size:9pt;
font-family:arial, times;

}


div#droite_bas {
width:176px;
height:201px;
margin-top: 6px;
margin-left: 18px;
margin-right: auto;
background-image: URL("images/fond_service_droite_bas.gif");
background-repeat: no-repeat;
float:left;
text-align:center;
}

div#contenu_droite_bas{
width:148px;
height:153px;
margin-top: 10px;
margin-left: auto;
margin-right: auto;
background-color: transparent;
text-align:left;
font-size:9pt;
font-family:arial, times;
}

div#encadrement{
float:left; 
margin-left:10px;
padding:0px;
width:495px;
}

div#centre_google_map {
width:495px;
height:455px;
margin-top: 10px;

margin-right: auto;
background-image: URL("images/fond_centre.gif");
float:left;
text-align:center;
}

div#googleMap {
width:495px;
height:249px;
margin-top: 6px;

margin-right: auto;
background-image: URL("images/fond_google_map.gif");
background-repeat: no-repeat;
float:left;
text-align:center;
}

div#contenu_googleMap{
margin-top:10px;
}



div#formulaire {
width:650px;
height:450px;
margin-top: 10px;
margin-left: 21px;
margin-right: auto;
background-image: URL("images/fond_candidature.gif");
float:left;
text-align:left;
}

div#contenu_formulaire {
width:610px;
height:408px;
margin-top: 10px;
margin-left: 15px;
margin-right: auto;
background-color: transparent;
text-align:left;
font-size:9pt;
font-family:arial, times;
}
/*------------------------- */

#monForm{
float:left;
text-align:left;
font-size:9pt;
color:#EE7A24;
font-weight:bold;
}

#monForm select, option, textarea{
color:#5a7bb9;
}

#monForm fieldset, legend {
width:400px;
color:#5a7bb9;
margin-top:10px;
font-size:9pt;
}

#monForm  input , textarea 
{
    border: 1px solid #5a7bb9;
    background : #fff;
	color : #5a7bb9;
    
}

div#contenu_formulaire table{
width:400px;
font-size:9pt;
color:#EE7A24;
font-weight:bold;

}

div#contenu_formulaire td{
padding-right:50px;
width:200px;
}

div#mention {
width:651px;
height:500px;
margin-top: 10px;
margin-left: 160px;
margin-right: auto;
background-image: URL("images/fond_mentions.gif");
background-repeat:no-repeat;
}

div#contenu_mention {
width:611px;
height:440px;
padding-top: 15px;
margin-left: 15px;
margin-right: auto;
background-color: transparent;
text-align:left;
font-size:9pt;
font-family:arial, times;
}


div#engagement_gauche {
width:239px;
height:570px;
margin-top: 10px;
margin-left: 21px;
margin-right: auto;
background-image: URL("images/fond_endrament.gif");
float:left;
text-align:center;
}

div#contenu_engagement_gauche {
width:211px;
height:520px;
margin-top: 10px;
margin-left: auto;
margin-right: auto;
background-color: transparent;
text-align:left;
font-size:9pt;
font-family:arial, times;
}
/*------------------------- */

/*--------------------------------------------------------------------------------------------------------------------- */
/*--------------------------------------------------------------------------------------------------------------------- */
/*--------------------------------------------Organigramme------------------------------------------------- */
/*--------------------------------------------------------------------------------------------------------------------- */
/*--------------------------------------------------------------------------------------------------------------------- */

div#organigramme{ 
width: 720px;
background-image: URL("images/fond_organigramme.gif");
background-repeat:no-repeat;
margin-top:-130px;
margin-left:40px;
float:left;
}

div#contenu_organigramme{ 
margin-top:10px;
margin-left:15px;
}

.ligneHaute {
	BORDER-TOP: #cacaca 2px solid;
}
.ligneGaucheHaute {
	BORDER-TOP:  #cacaca 2px solid; BORDER-LEFT: #cacaca 1px solid;
}
.ligneDroiteHaute {
	BORDER-RIGHT:  #cacaca 1px solid; BORDER-TOP: #cacaca 2px solid;
}
.ligneGauche {
	BORDER-LEFT:  #cacaca 1px solid;
}
.ligneDroite {
	BORDER-RIGHT:  #cacaca 1px solid;
}
.employe{
	BACKGROUND-COLOR: #e6e6e6; background: transparent; background-repeat:no-repeat; TEXT-ALIGN: Center; VERTICAL-ALIGN: Text-Top; FONT-FAMILY:  Arial, Times New Roman; FONT-SIZE: 12px; 
	 HEIGHT: 95px;  width: 200px;
}


.fonction{
color:#ee7a24;
font-size:14px;
}
.chef{
color:#90a7d5;
font-size:14px;
}
.directrice{
color:#e5231d;
font-size:14px;
}


div#plan{
width:611px;
height:440px;
padding-top: 15px;
margin-left: 15px;
margin-right: auto;
background-color: transparent;
text-align:left;
font-size:9pt;
font-family:arial, times;
}

div#plan a{
color:#000;
text-decoration:none;
}
div#plan a:hover{
color:#EE7A24;
text-decoration:none;
}