/* Mise en forme du body */

/*#EDEDED;*/
body { background-color:#898989;  margin: 0px 0px 0px 0px;}
h1 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 18px; font-weight: bold;margin:0;}
form{margin:0;}

#header { margin-top: 0px; margin-left: auto; margin-right: auto; margin-bottom:0; height:105px; width: 888px; background-image:url(../images/header.gif); padding: 0px 0px 0px 0px;}


#menu { margin-top:0; margin-left:auto; margin-right:auto; margin-bottom:0; height: 44px; width: 888px; font-weight:bold;background-color:#ffffff;}

#sheader { margin-top: 0px; margin-left: auto; margin-right: auto; margin-bottom:0; height:18px; width: 888px;background-color:#ffffff;}
#sheader_2 { margin-top: 0px; margin-left: auto; margin-right: auto; margin-bottom:0; height:12px; width: 888px;background-color:#ffffff;}
#sheader_3 { margin-top: 0px; margin-left: auto; margin-right: auto; margin-bottom:0; height:6px; width: 888px;background-color:#ffffff;}


#contenuBg {margin-top:0; margin-left:auto; margin-right:auto; margin-bottom:0; height:auto; width: 888px; padding: 0px 0px 0px 0px; background-color:#ffffff;}


#boiteMenuGDiapo{float: left; width: 190px; height: auto; margin: 0px 0px 0px 12px; padding: 0px 0px 0px 0px;}
#boiteMenuGDiapo a:visited {color: #000000;text-decoration: none;}
#boiteMenuGDiapo a:link {color: #000000;text-decoration: none;}
#boiteMenuGDiapo a:hover {color: green; text-decoration: underline;}
#boiteMenuGDiapo p {font-size: 11px;}
#boiteMenuG{float: left; width: 207px; height: auto; margin: 0px 0px 0px 12px; padding: 0px 0px 0px 0px;}
#boiteMenuG a:visited {color: #000000;text-decoration: none;}
#boiteMenuG a:link {color: #000000;text-decoration: none;}
#boiteMenuG a:hover {color: green; text-decoration: underline;}
#boiteMenuG p {font-size: 11px;}
#boiteMenuG_2{float: left; width: 207px; height: auto; margin: 0px 0px 0px 12px; padding: 0px 0px 0px 0px;}
#boiteMenuG_2 a:visited {color: #000000;text-decoration: none;}
#boiteMenuG_2 a:link {color: #000000;text-decoration: none;}
#boiteMenuG_2 a:hover {color: green; text-decoration: underline;}
#boiteMenuG_2 p {font-size: 11px;}
#boiteMenuG_index{float: left; width: 260px; height: auto; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;}


#boiteTexte{float: left; width: 420px; height: auto; padding: 0px 0px 0px 0px; padding-left: 14px;  padding-right: 33px;}
#boiteTexte_test{float: left; width: 570px; height: auto; padding: 0px 0px 0px 0px; padding-left: 14px;  padding-right: 33px;}

#boiteTexte_i{float: left; width: 610px; height: auto; padding: 0px 0px 0px 0px; padding-left: 14px;  padding-right: 33px;}
#boiteTexte_s{float: left; width: 482px; height: auto; padding: 0px 0px 0px 0px; padding-left: 14px;  padding-right: 33px;}
#boiteTexte_f{float: left; width: 570px; height: auto; padding: 0px 0px 0px 0px; padding-left: 20px;  padding-right: 33px;}
#boiteTexte_index{float: left; width: 390px; height: 230px;margin-left:10px;}
#boiteTexte_contact{float: left; width: 427px;height: auto;padding-left:10px;}
 
#boiteMenuD{float: left; width: 207px; height: auto; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;}
#boiteMenuD a:link {color: #ffffff; text-decoration: none;}
#boiteMenuD a:visited {color: #ffffff; text-decoration: none;}
#boiteMenuD a:hover {color: #ffffff; text-decoration: underline;}

#menufooter {margin-top:0; margin-left:auto; margin-right:auto; margin-bottom:0; height: 44px; width: 888px; text-align:center; background: url(../images/bgFooter.gif) repeat-x; }
#menufooter p {font-size: 11px;}
#menufooter a {text-decoration:none;font-size: 11px;color:#000000;font-weight:bold;}
#menufooter a:hover {color:#35A3D7;}

.spacer {
  clear: both;
}

/* CLASS - Mise en forme des textes */

p {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #556074;}

ul { padding:0; margin:auto; margin: 0px 0px 0px 0px;}
ul li { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #333333;}

.imagePositionGauche { padding-right :20px; float:left;}

/* Titre */

.titre {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 16px; color: #2d93c1; font-weight: bold;}
.soustitre {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; color: #7db339; font-weight: bold;}
.titreMenu {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #ffffff; font-weight: bold;}
.titreMenuB {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #2c91c0; font-weight: bold; margin: 0px 0px 0px 0px; padding-left: 30px; background: url(../images/menuBg.gif) repeat-y;}

/* Autre textes */

.texte {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #556074;}
.texte a{text-decoration:none;}
.textePetit {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #556074;}
.textePetit_2 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 6px; color: #556074;}
.textePetit_3 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 2px;}

.elementMenu {background-color: #ffffff; background: url(../images/menuE.gif) no-repeat; height: 21px; width: 189px; margin: 0px 0px 0px 0px; padding-top:7px; padding-left: 18px; padding-bottom: 0px;}
.elementMenu_2 {background-color: #ffffff;background: url(../images/element_menu_2_back.png) repeat-y; padding-left: 8px;padding-right: 4px;width: 195px; margin: 0px 0px 0px 0px; padding-top:7px; padding-bottom: 0px;}

.elementMenuDiapo {background-color: #ffffff; background: url(../images/menuEDiapo.gif) no-repeat; height: 21px; width: 170px; margin: 0px 0px 0px 0px; padding-top:7px; padding-left: 18px; padding-bottom: 0px;}

.elementMenuV {background-color: #ffffff; background: url(../images/bgMenuGV.gif) no-repeat; height: 17px; width: 177px; margin: 0px 0px 0px 0px; padding-top:4px; padding-left: 30px; padding-bottom: 0px;}
.elementMenuB {background-color: #ffffff; background: url(../images/bgMenuGB.gif) no-repeat; height: 17px; width: 177px; margin: 0px 0px 0px 0px; padding-top:4px; padding-left: 30px; padding-bottom: 0px;}
.elementMenuB_2 {background-color: #ffffff; background: url(../images/bgMenuGB_2.gif) no-repeat; height: 17px; width: 177px; margin: 0px 0px 0px 0px; padding-top:4px; padding-left: 30px; padding-bottom: 0px;}
.elementMenuB_t {background-color: #ffffff; background: url(../images/bgMenuGB_2_t.gif) no-repeat; height: 17px; width: 350px; margin: 0px 0px 0px 0px; padding-top:4px; padding-left: 30px; padding-bottom: 0px;}

.textegras{font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: black; font-weight: bold;}
.texteitalique{font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: black; font-style:italic;}

.tiret {background: url(../images/tiret.gif) no-repeat; height: 1px; width: 207px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;}
.tiretD {background: #e2e3e4 url(../images/tiretPx.gif) repeat; height: 1px; width: 207px; margin: 0px 0px 0px 0px;}

.centrer{text-align:center;}

/* Liens pour MENU DES ONGLETS - Doir être appliqué sur la cellule <td> ou tableau est non sur le texte*/

.menu a:link { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #fff; text-decoration: none;}
.menu a:visited {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #fff; text-decoration: none;}
.menu a:hover {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #fff; text-decoration: underline;}
.menu{font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #fff; text-decoration: none; text-align:center;}

.menuPadding {padding-top: 10px; margin: 0px 0px 0px 0px; vertical-align:top; background: url(../images/boutonNActif.gif) no-repeat;}

/* Liens pour le menu vertical RUBRIQUE - Doir être appliqué sur la cellule <td> ou tableau ou DIV est non sur le texte*/

.rubriqueD a:link { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px;  color: #5e7a1c; text-decoration: none; font-weight: bold;}
.rubriqueD a:visited {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px;  color: #5e7a1c; text-decoration: none; font-weight: bold;}
.rubriqueD a:hover {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #383c47; text-decoration: none; font-weight: bold;}
.rubriqueD{font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #383c47; text-decoration: none; text-align:left; font-weight: bold;}

.rubrique{text-decoration:none;color: #7db339;font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 16px;font-weight:bold;}

/* A appliquer a form */

.formulaire {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #4e4e4e; border: 0px; background-color: #fff; margin: 0px 0px 0px 0px; padding-top: 15px; padding-left:10px;}
.formulaire_index {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #4e4e4e; border: 0px; background-color: #fff; margin: 0px 0px 0px 0px; padding-left:15px;}
.boiteFormulaire {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #6f6f6f; border: 1px solid #e2e3e4; background-color: #fff; padding-top:2px; padding-bottom:2px; padding-left: 5px; font-weight:normal;}
.formMenu {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#6f6f6f; font-weight:normal; margin: 0px 0px 0px 0px}

.lien_hf{text-decoration:none;color: #7db339;font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px;font-weight:bold;}
.lien_hf a:hover{text-decoration:none;color: #7db339;font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px;font-weight:bold;}
.lien_hf_2{text-decoration:none;color: #000000;font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px;font-weight:bold;}
.lien_hf_2 a{text-decoration:none;color: #000000;font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px;font-weight:bold;}
.lien_hf_2 a:hover{text-decoration:none;color: #35A3D7;font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px;font-weight:bold;}
.lien_hf_22{text-decoration:none;color: #000000;font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px;}
.lien_hf_22 a{text-decoration:none;color: #000000;font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px;}
.lien_hf_22 a:hover{text-decoration:none;color: #35A3D7;font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px;}
.lien_hf_23{text-decoration:none;color:#556074;font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px;}
.lien_hf_23 a{color: #556074;}
.lien_hf_23 a:hover{color: #35A3D7;}
.lien_hf_3 a{text-decoration:none;color: #000000;font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px;font-weight:bold;}
.lien_hf_3 a:hover{text-decoration:none;color: #35A3D7;font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px;font-weight:bold;}
.lien_hf_4 a{text-decoration:none;color: #000000;font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px;font-weight:bold;}
.lien_hf_4 a:hover{text-decoration:none;color: #FEC16C;font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px;font-weight:bold;}
.lien_hf_5{text-decoration:none;color: #000000;font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px;}
.lien_hf_5 a{text-decoration:none;color: #7db339;font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px;font-weight:bold;}
.lien_hf_5 a:hover{text-decoration:none;color: #F5BA28;font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px;font-weight:bold;}

/* Couleurs */
.noir{color:#000000;}
.rouge{color:#F00000;}
.blanc{color:#FFFFFF;}
.vert_clair{color:#6AD400;}
.vert{color:green;}
.orange{color:#F9A800;}
.bleu_clair{color:#35A3D7;}
.bleu_fonce{color:#1C2C82;}
.gris{color: #556074;}

/* Liste des agences    */
.boite_agence{float: left; width: 185px; height: auto; margin: 0px 17px 20px 12px; padding: 0px 0px 0px 0px;font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; }

.boite{width:300px;background:url(../images/boite_fond_pedagogie.png);}

/******* Image avec lien over bleu ***/
.img_border_bleu img{border-style:solid;border-width:2px;border-color:#000000;}
.img_border_bleu img:hover{border-style:solid;border-width:2px;border-color:#35A3D7;}
/******* Diaporama ****/
.diapo{background: url(../images/tv_t.jpg) no-repeat;float: left; width:660px;height:510px;}
.diapo_libelle{float: left;  padding-left: 37px; border:none;padding-top: 9px;}
.diapo_img{width:587px;height:386px;float: left; padding-left: 40px;  padding-right: 33px;padding-top: 14px;}
.diapo_com{float: left;  padding-left: 39px; border:none;padding-top: 8px;}
.diapo_menu{float: left; padding-left: 180px;  padding-right: 3px;padding-top:21px;}
.diapo_select{float: left;  padding-right: 33px;padding-top: 22px;}


/******* Classes diverses *******/
.espace{height:8px;}
.espace_4{height:4px;}
.espace_2{height:2px;}
.espace_3{height:1px;}
.message_w{background-color:red;padding-top:3px;padding-bottom:3px;font-family: Verdana, Arial, Helvetica, sans-serif; font-weight:bold;font-size: 12px; color: #000000;text-align:center;}
.message_wbig{width:888px; margin: auto;padding-top:3px;padding-bottom:3px;background-color:red;font-family: Verdana, Arial, Helvetica, sans-serif; font-weight:bold;font-size: 12px; color: #000000;text-align:center;}
.message_r{background-color:green;font-family: Verdana, Arial, Helvetica, sans-serif; font-weight:bold;font-size: 12px; color: #FFFFFF;text-align:center;}
.message_rbig{width:888px; margin: auto;padding-top:3px;padding-bottom:3px;background-color:green;font-family: Verdana, Arial, Helvetica, sans-serif; font-weight:bold;font-size: 12px; color: #FFFFFF;text-align:center;}
.recherche{float: left;width:640px;margin-left:14px;}
.numerotation{text-align:center;text-decoration:none;color: #556074;font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px;font-weight:bold;}
.numerotation a{text-decoration:none;color:#000000;}
.numerotation a:hover{color:#35A3D7;}
.titre_agence{font-family: Verdana, Arial, Helvetica, sans-serif; font-weight:bold;font-size: 12px;}
.gauche{text-align:left;}
.droit{text-align:right;}
.souligne{text-decoration:underline;}
/****** ****/
.boite_droite_1{width:207px;height:130px;}
.boite_droite_2{width:207px;height:130px;}
.boite_droite_3{width:207px;height:130px;}
.boite_index{margin-left:3px;width:370px;height:126px;background:url(../images/boite_fond.png);}
.demi_page_gauche{float: left; width: 400px; height: auto; padding: 0px 0px 0px 0px; padding-left: 14px;  padding-right: 33px;}
.demi_page_droite{float: left;}

.lien_articles{position:absolute;top:410px;}

/****** Espace client CityMath ***/
.form_log{float:left;padding-left:750px;padding-top:80px;}
.log_infos{width:888px; margin: auto;padding-top:3px;padding-bottom:3px;background-color:#FEC16C;font-family: Verdana, Arial, Helvetica, sans-serif; font-weight:bold;font-size: 12px; color: #000000;}