html,body{ margin:0;
	padding:0;
	border:0;
	outline:0;
	font-weight:inherit;
	font-style:inherit;
	font-size:100%;
	font-family:arial,sans-serif;
	vertical-align:baseline;
      background:#023b86;
}
#cent{  width: 100%; height: 6px; background: #023b86;}
#head{ width: 100%; height: 94px; background: #fff}
#conteneur_head{ width: 940px; height: 100%; margin: auto; position: relative}
#logo{ position: absolute; float: left; width: 224px; height: 82px; top: 7px; left: 0px;}
#menu_rapide{ position: absolute; background: url(../img/bg_menu_rapide.jpg) no-repeat; width: 213px; height: 28px; float: right; right: 0px; top: 0px;
 color: #fff; font-size: 13px; font-family:"Myriad Pro",arial;}
#menu_rapide a{ color: #fff; text-decoration: none }
#menu_rapide a:hover{ text-decoration: underline;}
#langue{ float: right; position: absolute; background:url(../img/langue.jpg) no-repeat; width: 138px; height: 29px; right: 0px; bottom: 15px;
color: #000; font-size: 13px; font-family:"Myriad Pro",arial;}
#langue a{ color: #000; text-decoration: none }
#langue a:hover{ text-decoration: underline;}

#anim{ width: 100%; height: 171px; background: url(../img/kharit.jpg) repeat center ;}
#conteneur_anim{ width: 941px; height: 100%; margin: auto; position: relative;font-family:"Myriad Pro",arial}
#menu1{ position: absolute; float: left; width: 207px; height: 28px; background:url(../img/bg_menu_modif.png) no-repeat; top: 0px; right: 341px;}
#menu2{ position: absolute; float: left; width: 218px; height: 28px; background:url(../img/bg_menu_modif.png) no-repeat; top: 29px; left: 382px;}
#menu3{ position: absolute; float: left; width: 215px; height: 28px; background:url(../img/bg_menu_modif3.png) no-repeat; top: 58px; left: 372px;}
#menu4{ position: absolute; float: left; width: 215px; height: 28px; background:url(../img/bg_menu_modif5.png) no-repeat; bottom: 28px; left: 351px;}
#menu5{ position: absolute; float: left; width: 215px; height: 28px; background:url(../img/bg_menu_modif4.png) no-repeat; bottom: 57px; left: 361px;}
#menu6{ position: absolute; float: left; width: 215px; height: 28px; background:url(../img/bg_menu_modif6.png) no-repeat; bottom: -1px; left: 341px;}
#menu1 a{ display: block; margin-top: 4px; width: 154px; height: 15px; margin-left: 38px;color: #313131; text-decoration: none; font-size: 16px;
 background: url(../img/flch.png)left bottom no-repeat; padding-left: 17px}
#menu2 a{ display: block; margin-top: 7px; width: 154px; height: 15px; margin-left: 38px;color: #313131; text-decoration: none; font-size: 16px;
 background: url(../img/flch.png)left bottom no-repeat; padding-left: 17px}
#menu3 a{ display: block; margin-top: 7px; width: 154px; height: 15px; margin-left: 38px;color: #313131; text-decoration: none; font-size: 16px;
 background: url(../img/flch.png)left bottom no-repeat; padding-left: 17px}
#menu4 a{ display: block; margin-top: 7px; width: 154px; height: 15px; margin-left: 38px;color: #313131; text-decoration: none; font-size: 16px;
 background: url(../img/flch.png)left bottom no-repeat; padding-left: 17px}
#menu5 a{ display: block; margin-top: 7px; width: 154px; height: 15px; margin-left: 38px;color: #313131; text-decoration: none; font-size: 16px;
 background: url(../img/flch.png)left bottom no-repeat; padding-left: 17px}
#menu6 a{ display: block; margin-top: 7px; width: 154px; height: 15px; margin-left: 38px;color: #313131; text-decoration: none; font-size: 16px;
 background: url(../img/flch.png)left bottom no-repeat; padding-left: 17px}
#menu1 a:hover{color: #01377d;background: url(../img/flch_hover.png)left bottom no-repeat; }
#menu2 a:hover{color: #01377d;background: url(../img/flch_hover.png)left bottom no-repeat;}
#menu3 a:hover{color: #01377d;background: url(../img/flch_hover.png)left bottom no-repeat;}
#menu4 a:hover{color: #01377d;background: url(../img/flch_hover.png)left bottom no-repeat;}
#menu5 a:hover{color: #01377d;background: url(../img/flch_hover.png)left bottom no-repeat;}
#menu6 a:hover{color: #01377d;background: url(../img/flch_hover.png)left bottom no-repeat;}
#caroussel {
    
    height: 100%;
    margin: 0px auto;
    overflow: hidden;
    position: relative;
    width:100%;
}

.slide {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0px; width: 100%;
}
#slide1 {
     background: url(../img/img1.jpg) no-repeat;
}
#slide2 {
     background: url(../img/img2.jpg) no-repeat;
}
#slide3 {
     background: url(../img/img1.jpg) no-repeat;
}
.navigation{ top: -20px;}
.navigation span{ text-indent: -9999px; color: #10569d;top:-200px; position: absolute}



/****************************Corp*****************************/
#footer{ width: 947px; height: 50px; background: url(../img/pied.jpg) no-repeat; margin: auto}
#espace_vide{ width: 100%; height: 7px}
#space_bl{ width: 947px; height: 7px; background: url(../img/space_bl.png) no-repeat; margin: auto}
#small_logo{ width:93px; height:33px; float: left; margin-left: 10px; margin-top: 12px}
#menu_footer{ width: 440px; height: 20px; margin-left: 25px; margin-top: 14px; font-size: 12px; float: left}
#menu_footer a{ color: #676767; text-decoration: none}
#menu_footer a:hover{ color: #04469c;}
#realisation{float: right; height: 20px; margin-right: 10px; margin-top: 17px; font-size: 12px; color: #6e6e6e}
#realisation a{color: #04469c; text-decoration: none}
#realisation a:hover{text-decoration: underline}
#corp{ width: 100%; height: auto; background: url(../img/bg_corp.jpg) repeat-x #ebebeb;}
#cont_corp{ width: 942px; height: 360px; margin: auto}
.sep{ width: 100%; height: 13px;}
.sepp{ width: 100%; height: 8px;}
.seppp{ width: 100%; height: 4px;}
#col2{ width: 296px; height: 100%; float:right; }
#col1{ width: 641px; height: 100%; float:left; }
#titre_col2{ background: url(../img/bg_titre.png) no-repeat; width: 154px; height: 24px; position: relative}
.cont_titre_col2{ width: 123px; height: 11px; background: url(../img/ref.png) no-repeat; text-indent: -9999px; position: absolute; top: 8px;
 left: 13px}
.arrond_bg_ref1{ width: 296px; height: 6px; margin: auto; background: url(../img/arrond_bg_ref.jpg) no-repeat;}
.arrond_bg_ref2{ width: 296px; height: 320px; margin: auto; background: url(../img/arrond_bg_ref2.jpg) repeat-y;}
.arrond_bg_ref3{ width: 296px; height: 6px; margin: auto; background: url(../img/arrond_bg_ref3.jpg) no-repeat;}
.anim_img_col2{ width: 286px; height: 318px; margin: auto; position: relative}
.info_col2{ width: 286px; height: 71px; position: absolute; bottom: 3px; left: 1px;opacity:0.8}
#titre_col1{ background: url(../img/ico_fl.png)left center no-repeat; width: 100%; height: 15px; position: relative}
.cont_titre_col1{ width: 144px; height: 14px; background: url(../img/qui_sommes.png) no-repeat; text-indent: -9999px; position: absolute; top:0px;
 left: 25px}
.qui_sommes_col1{ width:633px; height: 163px; border-bottom: 1px dashed #d7d7d7; text-align: justify}
.img_col1{ width: 248px; height: 156px; float: left; background: url(../img/bg_qui_sommes_img.jpg) no-repeat; padding-left: 5px; padding-top: 4px}
.qui_sommes_cont_col1{float:right; width: 380px;  height: 100%; position: relative}
.qui_sommes_cont_col1 .titre_qui_sommes_cont_col1{ font-family:"Myriad Pro",arial; font-size: 17px; color: #000; text-transform: uppercase}
.qui_sommes_cont_col1 .titre_qui_sommes_cont_col1 .color_dif{ color: #055fd6}
.qui_sommes_cont_col1 p{ color: #3b3b3b; font-family: Tahoma,arial; font-size: 12px; line-height: 23px}
.suite_qui_somme{ width:80px; height: 20px; background: url(../img/ico_suite.jpg) left center no-repeat; padding-left: 15px; float: right;
 position: absolute; bottom: 25px; right:10px}
.suite_qui_somme a{ color: #036aba; font-family: Tahoma,arial; font-size: 12px; text-decoration: none}
.suite_qui_somme a:hover{ text-decoration: underline}
.services_col1{ width: 119px; height: 20px; background: url(../img/services.jpg) no-repeat; text-indent: -9999px; }
.services1{ background: url(../img/services1.jpg) no-repeat; width: 640px; height: 5px}
.services2{ background: url(../img/services2.jpg) repeat-y; width: 640px; height: 123px; position: relative}
.services3{ background: url(../img/services3.jpg) repeat-y; width: 640px; height: 5px}
.services2 a{font-size: 12px; text-decoration: none; color: #6b6666; font-family: "Trebuchet MS","Myriad Pro",arial;}
.services2 td{ padding-top: 0px;}
.services2 .li_serv2{ bottom: 0px; position: absolute}
.services2 .li_serv2 span{ width: 158px; float: left; text-align: center}
.services2 a:hover{ text-decoration: underline}
.services2 .li_serv4{ top: 110px; position: absolute}
.services2 .li_serv4 span{ width: 158px; float: left; text-align: center}
.services2 a:hover{ text-decoration: underline}

/******************Qui sommes nous***************************/
.qui_sommes_cont_page_col1{color: #3b3b3b; font-family: Tahoma,arial; font-size: 12px; text-align: justify}
.qui_sommes_cont_page_col1 .titre_qui_sommes_cont_page_col1{ font-family:"Myriad Pro",arial; font-size: 17px; color: #000; text-transform: uppercase}
.qui_sommes_cont_page_col1 .titre_qui_sommes_cont_page_col1 .color_dif{ color: #055fd6}
.qui_sommes_cont_page_col1 p{ color: #3b3b3b; font-family: Tahoma,arial; font-size: 12px; line-height: 23px}
.img_experiences_col1{width: 155px; height: 198px; float: left; background: url(../img/bg_experience_img.jpg) no-repeat;
                     padding-left: 6px; padding-top: 5px}
.img_etude_col1{width: 156px; height: 110px; float: right;
                     padding-left: 6px; padding-top: 2px}
.part td{ border: 1px solid #989898}
.part a{opacity:0.8}
.part a:hover{opacity:1}
.nom_entr{  font-weight: bold}
.nom_coloriser{ color: #01377d; font-weight: bold}
.contact a{ color: #01377d; text-decoration: none}
.contact a:hover{text-decoration: underline}

.txt{ width: 180px; height: 23px; border: 1px solid #01377d}
.message{ width: 200px; height: 140px; border: 1px solid #01377d}
.btn{ background: #01377d; color: #fff; border: none; cursor: pointer}

.annee{ float: left; width: 100px; height: 100%; margin-left: 10px; color: #666666;  font-family:"Myriad Pro",arial;
 font-size: 18px; text-align: center; cursor: pointer }
.anneee{ float: left; width: 100px; height: 100%; margin-left: 10px; color: #666666;   font-family:"Myriad Pro",arial;
 font-size: 18px; text-align: center; cursor: pointer }
.anneeee{ float: left; width: 100px; height: 100%; margin-left: 10px; color: #666666;  font-family:"Myriad Pro",arial;
 font-size: 18px; text-align: center; cursor: pointer }
.anneeeee{ float: left; width: 100px; height: 100%; margin-left: 10px; color: #666666;  font-family:"Myriad Pro",arial;
 font-size: 18px; text-align: center; cursor: pointer }

.annee:hover,.anneee:hover,.anneeee:hover{color:#01377d ; }
.hilite{color:#01377d  }
.an2008{width:100%; height: 100%; ;position: absolute;  }
.an2009{width:100%; height: 100%; position: absolute;  }
.an2010{width:100%; height: 100%; position: absolute;  }


/*#caroussell {
    
    height: 100%;
    margin: 0px auto;
    overflow: hidden;
    position: relative;
    width:100%;
}

.slidee {
    height: 100%;
    left: 0;
    position: absolute;
    top: 10px; width: 100%
}

.navigationn{
    position: absolute;
    bottom:  38px;
    right: 5px;
}
.navigationn span{
    background:#000000;
    color: #fff;
    padding: 2px 4px;
    cursor: pointer;
}
.navigationn span:hover,.navigationn span.active{
    background:#fff;
    color: #000;
    padding: 2px 4px;
}*/

.services a{color:#3b3b3b; font-size: 13px; text-decoration: none; font-family: Tahoma,arial; }
.services a:hover{text-decoration:underline }
.suite_references{ padding-left: 5px;}
.suite_references a{ color: #036aba; font-family: Tahoma,arial; font-size: 12px; text-decoration: none}
.suite_references a:hover{ text-decoration: underline}




  .jimgMenu {
    height: 318px;
    margin: 0px 0 0;
    overflow: hidden;
    padding: 0;
    position: relative;
    width: 287px;
}
.jimgMenu ul {
    display: block;
    height: 318px;
    list-style: none outside none;
    margin: 0;
    padding: 0;
    width: 1340px;
}
.jimgMenu ul li {
    float: left;
    margin: 1px;
}
.jimgMenu ul li a {
/*    background: none repeat scroll 0 50% #FFFFFF;*/
    
    cursor: pointer;
    display: block;
    height: 318px;
   
    overflow: hidden;
    text-indent: -1000px;
    width: 20px;
}
.jimgMenu ul li.actualites a {
    background: url("../img/imgmenu/1.jpg") ;
}
.jimgMenu ul li.filieres a {
    background: url("../img/imgmenu/2.jpg") ;
}
.jimgMenu ul li.formationcont a {
    background: url("../img/imgmenu/3.jpg") ;
}
.jimgMenu ul li.scolarite a {
    background: url("../img/imgmenu/4.jpg");
    min-width: 230px;
}

.clear {
    clear: both;
}
.compt{width: 90%; background: url(../img/cerc.jpg) no-repeat left center ;font-family:'Myriad Pro',arial; color: #01377d; 
         padding-left: 14px; font-weight: bold; font-size: 14px }
.dash{width:100%; height: 10px; border-bottom: 1px dashed #c2c2c2}
.onglet{ width: 100%; height: 100%; display: block}

.down{ text-decoration: none; color: #1a5680}
.down:hover{ text-decoration: underline}
.opac{ opacity:0.8; cursor: pointer}
.opac:hover{ opacity:1}