/* Modèle v1.24 24/02/2009 */


/********** A GARDER EN L'ÉTAT ************/
*{margin:0; padding:0;}
ul {margin-bottom:10px;}
li{margin-left: 25px;}
a img{border:0}
html {font-size: 100%;}
.clear{clear:both;}
.centre{text-align:center;}
.img_gauche {float:left; display:inline; margin:0 5px 5px 0;}
.img_droite {float:right; display:inline; margin:0 0 5px 5px;}

/*********** A PERSONNALISER **************/
body {font: normal 11px arial; color:black; background-color:white;}
#body{background: #544d33 url(images/fonds/fond.gif) repeat top left;}
table{font-size: 11px;}
a{color: #009999; text-decoration:none;outline: none;}
a:hover {text-decoration:underline;}

h1{font: bold 25px arial; line-height:26px; margin-bottom:15px; font-variant:small-caps;  border-bottom:solid 1px #a9dddc; padding-left:14px; background: url(images/puces/puce_longue.gif) no-repeat top left; }
h2{font: bold 25px arial; line-height:26px; margin-bottom:10px; font-variant:small-caps; border-bottom:solid 1px #a9dddc; padding-left:14px; background: url(images/puces/puce_longue.gif) no-repeat top left;  margin-bottom:15px;}
h3{font: bold 12px arial;}

p {margin-bottom:10px; text-align: justify;}
strong{font-weight: bold;}
em{font-style: italic;}

.color {color:#00aaa7;}
.hr{font-size:1px; height:10px; border-bottom:1px solid #f10000; margin:0 0 10px;}
.asterisque{font-style:italic; font-size:9px;}
.block{display:block;}
.plus{width:100%; text-align:right; }
.plus a{color:black; font-weight:bold; text-decoration:underline;}
.puce_finale{background: url(images/puces/carre_vert.gif) no-repeat bottom right;}
.vert_gras{font:bold 12px arial; color:#00aaa7;}
.lien_vert{color:#11afad; font-size:11px; font-weight:normal;}
.nav a.bt-nav{width:13px; height:13px; margin-left:5px;  margin-right:5px; color:black;}
.nav{text-align:center; line-height:23px;  }
.nav a{color:black;}

/* Formulaires */
.bouton{
  display:block; color:black; background-color:white;
  font:normal 11px 'Trebuchet MS'; line-height:20px; width:80px; height:20px; border-width:0;  
  text-align:center; cursor:pointer; margin-left:50px;
}

input{margin-bottom:0px !important; margin-bottom:-2px !important!; margin-bottom:-2px;}
input, select, textarea{font: normal 10px 'Trebuchet MS'; color:#666; border:1px solid #00aaa7;}
input[type="checkbox"], input[type="radio"]{border-width: 0;}

.row{clear:both; margin-bottom:3px;}
.row label{display:inline; float: left; margin-right: 5px; width: 175px; text-align: right;}
.row label span{color:#f00;}
.row textarea, .row input {width: 170px; height:18px;}
.row input#dispo{width:50px; float:left; display:inline; margin-right:5px; }
.row a#calendrier{ float:left; display:inline; margin-bottom:3px;}
.row select {width: 152px;}
.row textarea{width:170px; height:50px;}

.row_chk{padding:0; clear:both; margin-bottom:5px;}
.row_chk input{border:0}
.row_chk label{float:none; display:inline; margin:0; padding:0; cursor:pointer;}

.row_are{clear:both; margin-bottom:5px;}
.row_are label{float: left; display:inline; height:px;  }
.row_are textarea{width:170px; }

.row_rad {clear:both; margin-bottom:5px;}
.row_rad .label{float:left; width:145px; text-align:right;}
.row_rad .rad {margin-left:150px; margin-bottom:1px;}
.row_rad .rad input{vertical-align:middle; border:0}
.row_rad .rad label{float:none; display:inline; margin:0; padding:0; cursor:pointer;}

.row_bt {margin-left:150px; clear:both; margin-bottom:5px;}

.MoteurNavigation span{text-decoration:underline;}

#conteneur{width:940px; margin:0 auto;}
#contenu{width:888px; background-color:white; padding:15px 26px 15px 26px; /*margin-top:24px;*/ }
#contenu_index{width:888px; background-color:white; padding:15px 26px 15px 26px;}
/******************************************/
/******************  ENTETE  **************/
/******************************************/
#entete{width:940px; height:116px; overflow:hidden;}
#entete #entete_left{width:605px; float:left; display:inline; padding-left:6px;}
#entete #entete_left img{ float:left; display:inline; }
#entete #entete_left img#base_line{padding-top:39px;}

#entete  ul#menu_entete{float:right; display:inline; list-style-type:none; margin-top:39px;  margin-bottom:0px;}
#entete  ul#menu_entete li{margin-left:0px;  text-align:right;  }
#entete  ul#menu_entete li a{color:white; text-transform:uppercase;  margin-bottom:5px;font-size:10px; padding-right:5px; height:17px; padding-top:3px; display:block;}
#entete  ul#menu_entete li a#RV{background:url(images/bouton/RV.gif) no-repeat top left; width:136px; float:right; display:inline;}
#entete  ul#menu_entete li a#telechargez{background:url(images/bouton/telechargez.gif) no-repeat top left;  width:206px;}
#entete  ul#menu_entete li a:hover#RV , #entete  ul#menu_entete li a.active#RV , #entete  ul#menu_entete li a:hover#telechargez , #entete  ul#menu_entete li a.active#telechargez{color:#00aaa7; background-position:bottom; text-decoration:none;}


ul#menu{ margin-bottom:0px; list-style-type:none; height:24px; z-index:1;float:left;width:689px;}
ul#menu li.li_niveau_1{margin-left:0px;  float:left; position:relative; display:inline; height:24px; margin-right:2px; z-index:100;}
ul#menu li.li_niveau_1 a{height:24px; float:left; display:inline; font:normal 10px arial; text-transform:uppercase; color:white; }
ul#menu li.li_niveau_1 a:hover{ text-decoration:none;}
ul#menu li.li_niveau_1:hover .arrondi_G,
ul#menu li.li_niveau_1 a.active span.arrondi_G{background-position:bottom;}
ul#menu li.li_niveau_1:hover span.arrondi_D,
ul#menu li.li_niveau_1 a.active span.arrondi_D{background-position:bottom;}
ul#menu li.li_niveau_1 a span.arrondi_G{height:24px;  float:left; display:inline;width:9px; background:url(images/menu/menu_arrondi_G.gif) no-repeat top left;}
ul#menu li.li_niveau_1 a span.arrondi_D{ height:24px;  float:left; display:inline; width:9px;background:url(images/menu/menu_arrondi_D.gif) no-repeat top left;}
ul#menu li.li_niveau_1 a span.bg_color{line-height:24px; height:24px; float:left; display:inline; background-color:black; }
ul#menu li.li_niveau_1:hover span.bg_color , 
ul#menu li.li_niveau_1 a.active span.bg_color{background-color:#00aaa7; }

/*menu deroulant*/
ul#menu .ul_niveau_2{display:none;list-style-type:none;z-index:200;  position:absolute; left:0px; width:239px; z-index:2; top:24px; background: url(images/fonds/menu_deroulant.png) no-repeat bottom left; padding-bottom:10px; }
ul#menu .ul_niveau_2 .li_niveau_2{display:block; margin-left:0; }
ul#menu .ul_niveau_2 .li_niveau_2 .a_niveau_2{display:block; height:auto; border-left:solid 1px black;border-right:solid 1px black; font-size:12px; width:221px; background:#00aaa7 url(images/fonds/sep_sous_menu.gif) no-repeat bottom left;/*border-bottom:solid 1px #fff ;*/  padding-left:8px; padding-right:8px; padding-top:5px; padding-bottom:5px; overflow:hidden; text-transform:none;}
ul#menu .ul_niveau_2 .li_niveau_2 a.a_niveau_2:hover{color:black;}

ul#menu_d {list-style-type:none; margin:0; float:right; display:inline;width:251px;}
ul#menu_d li{float:left; display:inline; margin:0px; text-align:center; height:24px; }  
ul#menu_d li a{float:left; display:inline; height:20px; line-height:24px; font:normal 10px arial; text-transform:uppercase; color:white; padding-top:4px;line-height:9px} 
ul#menu_d li a#acces_ecole{background:url(images/menu/acces_ecole.gif) no-repeat top left; width:140px;} 
ul#menu_d li a#acces_etud{background:url(images/menu/acces_etudiant.gif) no-repeat top left; width:109px;margin-left:2px;} 
ul#menu_d li a:hover#acces_ecole , ul#menu_d li a:hover#acces_etud{text-decoration:none;}

#bandeau{width:940px; height:206px; overflow:hidden; }
#bandeau #flash{width:689px; float:left; display:inline; }
#bandeau #video{ background:url(images/fonds/bg_video.jpg) no-repeat top left; float:left; display:inline; width:201px; padding-left:50px; height:206px;}


/******************************************/
/**************  HOMEPAGE  ****************/
/******************************************/

#contenu_index #actu_accueil{width:234px; height:485px; overflow-y:auto; overflow-x:hidden;padding:8px; float:left; display:inline; border:solid 1px #a9dddc; margin-right:31px;}
#contenu_index #actu_accueil h2{color:#00aaa7; font-size:22px; padding-left:0px; background:none;}
#contenu_index #actu_accueil .case_actu_accueil a{color:black;}
#contenu_index #actu_accueil .case_actu_accueil a img{float:left; display:inline; width:56px; margin-right:12px;}
#contenu_index #actu_accueil .case_actu_accueil a p{/*height:50px;*/ overflow:hidden; background: url(images/puces/carre_vert.gif) no-repeat bottom right;}
#contenu_index #actu_accueil .case_actu_accueil h3.date_actu_accueil a{font: bold 12px arial; }
#contenu_index #actu_accueil .case_actu_accueil h3.libelle_actu_accueil a{color:#00aaa7;font-weight:normal;}

#contenu_index #zone_centre{float:left; display:inline; width:596px;}

#contenu_index #zone_centre #carrousel {/*margin-left:45px;*/}
#contenu_index #zone_centre #carrousel a.bt_nav{float:left; display:inline; overflow:hidden;width:20px; height:33px; padding-top:25px;}
#contenu_index #zone_centre #carrousel #list_jquery{float:left; overflow:hidden;position:relative;height:80px;width:555px;}
#contenu_index #zone_centre #carrousel #list_jquery div {margin:0;position:relative;white-space:nowrap; }
#contenu_index #zone_centre #carrousel #list_jquery  a{padding-left:25px;}
#contenu_index #zone_centre #carrousel #list_jquery a img {}
/*#contenu_index #zone_centre #carrousel #list_jquery .case_reference{float:left; display:inline;  margin-right:5px; height:80px; width:123px;}
#contenu_index #zone_centre #carrousel #list_jquery .case_reference .reference_photo{float:left; margin-bottom:10px; height:70px; width:123px; display:inline;overflow:hidden;position:relative;}
#contenu_index #zone_centre #carrousel #list_jquery .case_reference .reference_photo a{display:block;height:70px;width:0px; overflow:hidden;}
#contenu_index #zone_centre #carrousel #list_jquery .case_reference .reference_photo a img {position:absolute; bottom:0;}*/

#contenu_index #zone_centre #temoignage_accueil{}
#contenu_index #zone_centre #temoignage_accueil img{float:left; display:inline; margin-right:10px; border: solid 1px black;}
#contenu_index #zone_centre #temoignage_accueil h3{color:#00aaa7; font:bold 12px arial; text-transform:uppercase; }
#contenu_index #zone_centre #temoignage_accueil h3 span.nom_temoignage{ color:black;}
#contenu_index #zone_centre #temoignage_accueil h3 span.fonction_temoignage{font-weight:normal; color:black;font-style:italic; margin-bottom:10px;}
#contenu_index #zone_centre #temoignage_accueil p{}

/******************************************/
/**************  ACTUS    *****************/
/******************************************/
#contenu .case_actu{border-left: solid 5px #a9dddc; padding-left:7px; width:870px; margin-bottom:20px;}
#contenu .case_actu h3.libelle_actu{font-weight:bold; margin-bottom:10px;}
#contenu .case_actu img{float:left; display:inline; margin-right:15px;}
#contenu .case_actu .puce_finale{float:left; display:inline; width:770px;}
.image_vide_actu{width:82px;height:81px;float:left; display:inline; margin-right:15px;}
.petite_image_vide_actu{width:56px;height:68px;float:left; display:inline; margin-right:12px;}

/******************************************/
/**************  Temoignages    *****************/
/******************************************/
#contenu .case_temoignages{width:850px;  border: solid 1px #a9dddc; margin-bottom:10px; padding:9px 18px 9px 18px; background: url(images/fonds/temoignage_mid.gif) repeat-y top left;}
/*#contenu .case_temoignages img{float:left;display:inline;}*/
#contenu .case_temoignages img.photo-temoignage{float:left;display:inline;/*border:1px solid red;*/}
#contenu .case_temoignages .desc{float:left;display:inline;margin-left:25px; /*margin-right:25px;*/ width:490px; /*border:1px solid red;*/}
#contenu .case_temoignages .desc h3 span.fonction{font-weight:normal; font-style:italic;}
#contenu .case_temoignages .desc .texte_temoignage{width:490px;height:80px;overflow:hidden;margin-bottom:0;}
#contenu .case_temoignages .desc p.plus{float:right;display:inline;width:100px;}
#contenu .case_temoignages .desc a.lien_vert{float:left;display:inline;width:300px;}
#contenu .case_temoignages .carte-temoignage{float:right;display:inline;width:219px;/*border:1px solid red;*/margin:0;padding:0;}
#contenu .case_temoignages .carte-temoignage img.recto-temoignage{float:left;display:inline;}
#contenu .case_temoignages .carte-temoignage img.verso-temoignage{float:left;display:inline;}
/******************************************/
/**************  references  *****************/
/******************************************/

#contenu ul.liste_ref{width:278px; float:left; display:inline; margin-right:20px; list-style-type:none; }
#contenu ul.liste_ref li{background: url(images/puces/carre_vert.gif) no-repeat center left; margin-left:0px; padding-left:15px;}
#contenu ul.liste_ref li a{color:black; margin-left:0px; padding:0px; display:block;}

#contenu #fiche_ref{width:273px; float:left; display:inline;background: url(images/fonds/references_mid.gif) repeat-y top left; text-align:center;}
#contenu #fiche_ref #zone_fiche{/*padding-top:20px;*/ padding-left:18px; height:500px; }
#contenu #fiche_ref #zone_fiche img{margin-bottom:10px;}
#contenu #fiche_ref #zone_fiche h3{font-size:24px; font-weight:bold; font-variant:none; margin-bottom:10px;}
#contenu #fiche_ref #zone_fiche a{}
#contenu #fiche_ref #zone_fiche p.plus{padding-right:10px; width: 240px; margin-top:10px;}

#tooltip {
	position: absolute;
	z-index: 3000;
	border: 1px solid #111;
	background-color: #eee;
	padding: 5px;
	/*opacity: 0.85;*/
}
#tooltip h3, #tooltip div { margin: 0; }


/******************************************/
/**************  CONTACT  *****************/
/******************************************/
#contenu #zone_contact{width:662px; margin:0 auto;}
#contenu #zone_contact h3{border-left:solid 5px #0faeab; margin-left:8px;padding-left:2px; text-transform:uppercase; }
#contenu #zone_contact p{margin:0 auto; text-align:center;}
#contenu #zone_contact .zone_form{margin-left:106px; }
#contenu #zone_contact #contact_1{background:url(images/fonds/contact_bg_1.jpg) no-repeat top left; margin-bottom:10px; padding-top:7px;  height:69px;}
#contenu #zone_contact #contact_2{background:url(images/fonds/contact_bg_2.jpg) no-repeat top left; margin-bottom:10px; padding-top:7px; height:117px;}
#contenu #zone_contact #contact_3{background:url(images/fonds/contact_bg_3.jpg) no-repeat top left;height:258px; padding-top:7px; }
#contenu #zone_contact_envoiMail{width:662px;height:400px; margin:0 auto;}

/******************************************/
/********  Telecharger presentation *******/
/******************************************/
#texte_telecharger{float:left;display:inline;width:200px;}
#iframe_espace_client{float:left;display:inline;margin-left:20px;}

/******************************************/
/****************  ESPACE PUBLIC    *******/
/******************************************/
form#formulaire_espace_public .row label{width:70px;}
form#formulaire_espace_public .row input{width:110px;}
form#formulaire_espace_public .row_bt{margin-left:40px;}

/******************************************/
/****************  PAGES DYNAMIQUES *******/
/******************************************/

#contenu .gab2_col1{width:544px; margin-right:25px; float:left; display:inline; }
#contenu .gab2_col2{width:265px; padding-left:25px; padding-right:25px; overflow:hidden; border: solid 1px #a9dddc; float:left; display:inline;padding-top:15px; background:url(images/fonds/gab2_col2_bg.jpg) no-repeat bottom right;}
#contenu .gab2_col2 h3{font-size:20px;  font-variant:small-caps; margin-bottom:10px;}
#contenu .gab2_col2 h4{font: bold 12px arial;}

#contenu .gab3_col1{width:190px; margin-right:20px; float:left; display:inline; }
#contenu .gab3_col2{width:420px;  float:left; display:inline; margin-right:20px;}
#contenu .gab3_col3{width:208px;  padding-left:10px; padding-right:10px; padding-top:5px; overflow:hidden; border: solid 1px #a9dddc; float:left; display:inline; background:#b2e0e0 url(images/fonds/gab3_col3_bg.jpg) no-repeat bottom right;}

/******************************************/
/****************  PIEDPAGE  **************/
/******************************************/

#piedpage{margin-top:10px; height:50px;}
#piedpage ul#menuBas{list-style-type:none;  margin-bottom:0px; float:left; display:inline; }
#piedpage ul#menuBas li{margin-left:0px; height:22px; float:left; background:url(images/puces/carre_piedpage.gif) no-repeat center right; display:inline; font:normal 10px arial; text-transform:uppercase; color:white; padding-left:7px; padding-right:7px;}
#piedpage ul#menuBas li a{float:left; display:inline;font:normal 10px arial;line-height:22px; text-transform:uppercase; color:white; }
#piedpage  p.ferre_droite{float:right; display:inline;   margin-left:10px; width:14px; height:22px;}
#piedpage  p.ferre_droite a#rss img{margin-top:3px; }
#piedpage p#unesco {background: url(images/unesco.png) no-repeat center left; float:left; display:inline; margin-right:182px; height:22px;padding-left:35px; line-height:22px; padding-top:5px; }
#piedpage p#unesco a{font:normal 10px arial; color:white; text-transform:uppercase;}


#drapeau {float:right; width:150px; text-align:right;margin-bottom:5px}
#drapeau a {margin-left:5px}