/* CSS Document */
*{margin:0;padding:0;}
body{background-color:#f7f7f7;font-family: Verdana, Arial, Helvetica, sans-serif;font-size:11px;}
a img{border:0;}
a{text-decoration:none}
ul{list-style:none;}
sup{vertical-align:middle}
.border_none{border:none}
.center{text-align:center}
.vmiddle{vertical-align:middle}
.clear_both{clear:both}
.floatl{float:left}
.floatr{float:right}
.disnone{display:none;}
#capsule{position:absolute; top:50%; margin-top:-290px; left:50%; margin-left:-490px;}
#global{margin-left:auto;margin-right:auto;width:977px;height:619px;background:url(../images/fd-global.jpg) no-repeat 0 0;}

.title_home{width:977px;height:619px;background:url(../images/fd-global-home.jpg) no-repeat 0 0;}
.title_home .cadre1{width:320px;float:left;padding:10px;margin-top:70px;}
.title_home .cadre2{width:460px;height:260px;float:left;margin:80px 0 0 30px}
.title_home .cadre1 h2, .title_clients .cadre1 h2{font-size:14px;color:#b0b3b5;margin-bottom:10px;}

.title_clients{background:url(../images/titres/clients-indirecte.png) no-repeat 550px 100px;width:977px;}
.title_clients .cadre2{width:355px;height:301px;padding:1px 0 0 5px;margin:46px 0 0 127px;float:left;}
.title_clients .cadre2 img{margin:0 7px 5px 0;}
.title_clients .cadre1 ul.client li{float:left;margin-left:20px !important; margin-left:10px}

.title_philo{background:url(../images/titres/philo.png) no-repeat 550px 100px;width:977px;height:619px;}
.title_philo .cadre1  h2{font-size:30px;color:#b0b3b5;margin:70px 0 0 0;line-height:40px;}
.title_philo .cadre2{width:320px;height:275px;padding:25px 0 0 40px;margin:46px 0 0 107px;float:left;}
.title_philo .cadre2 p,.title_philo .cadre2 ul{margin-bottom:10px;color:#FFFFFF}

.title_recrutement{background:url(../images/titres/recrut.png) no-repeat 550px 120px;width:977px;height:619px;}

.title_recrutement .cadre1 h2{font-size:14px;color:#b0b3b5;margin-bottom:10px;}
.title_recrutement .cadre1 p{float:left; clear:both;width:100%}
.title_recrutement .cadre1 p label{width:130px;float:left;text-align:right;margin-right:5px;}
.title_recrutement .cadre1 p input, .title_recrutement .cadre1 p select{font-size:11px;float:left}
.title_recrutement .cadre2{width:320px;height:275px;padding:25px 0 0 40px;margin:46px 0 0 107px;float:left;}
.title_recrutement .cadre2 p,.title_recrutement .cadre2 ul{margin-bottom:10px;color:#FFFFFF}

.title_tech{background:url(../images/titres/techno.png) no-repeat 550px 100px;width:977px;height:619px;}
.title_tech .cadre1  h2{font-size:28px;margin:45px 0 0 0;line-height:44px;}
.title_tech .cadre1  h2 a{color:#b0b3b5;}
.title_tech .cadre1  h2 a strong{color:#c30621}
.title_tech .cadre2{width:320px;height:275px;padding:25px 0 0 40px;margin:46px 0 0 107px;float:left;}
.title_tech .cadre2 p,.title_tech .cadre2 ul{margin-bottom:10px;color:#FFFFFF}
.title_tech .cadre2 .ssmenu{float:left;}
.title_tech .cadre2 .ssmenu li{float:left;color:#FF9900;margin:0 5px 0 0;}
.title_tech .cadre2 .ssmenu li a{font-size:11px;color:#FFFF66;font-weight:bold}
.title_tech .cadre2 .ssmenu li a:hover{text-decoration:underline;color:#FF9900}
.title_tech .cadre2 .ssmenu li a.active{text-decoration:underline;color:#FF9900;cursor:text}
.title_tech .cadre2 p{float:left;clear:both;width:100%;}
.title_tech .cadre2 p strong{display:block;margin-bottom:10px;}
.title_tech .cadre2 p em{font-weight:bold;font-style:normal}

.title_avantage{background:url(../images/titres/avantage.png) no-repeat 550px 125px;width:977px;height:619px;}
.title_avantage .cadre1 h2{font-size:14px;color:#b0b3b5;margin-bottom:10px;}
.title_avantage .cadre2{width:320px;height:275px;padding:25px 0 0 40px;margin:46px 0 0 107px;float:left;}
.title_avantage .cadre2 p,.title_avantage .cadre2 ul{margin-bottom:10px;color:#FFFFFF}

.title_contact{background:url(../images/titres/adresse.png) no-repeat 550px 100px;width:977px;height:619px;}
.title_adresse .cadre1 h2{font-size:14px;color:#b0b3b5;margin-bottom:10px;}
.title_adresse .cadre1 p{margin:85px 0 0 50px;}
.title_adresse .cadre2 p{float:left;width:165px;}
.title_adresse .cadre2 p a{color:#FFF;text-decoration:underline;}
.title_adresse .cadre2 p a:hover{text-decoration:none}
.title_adresse .cadre1 p a{color:#000;text-decoration:underline;}
.title_adresse .cadre1 p a:hover{text-decoration:none}
.title_adresse .cadre2 p label{width:64px;float:left;text-align:right;margin-right:5px;}
.title_adresse .cadre2 p input, .title_adresse .cadre2 p select{font-size:11px;float:left;width:90px;}
.title_adresse .cadre2{width:333px;height:275px;padding:25px 0 0 40px;margin:46px 0 0 107px;float:left;}
.title_adresse .cadre2 p,.title_adresse .cadre2 ul{margin-bottom:7px;color:#FFFFFF}

.title_contact .cadre1 p a{color:#000;text-decoration:underline;}
.title_contact .cadre1 p a:hover{text-decoration:none}
.title_adresse{background:url(../images/titres/contact.png) no-repeat 550px 125px;width:977px;height:619px;}
.title_contact .cadre1 p{margin:55px 0 0 50px;}
.title_contact .cadre2 p{float:left; clear:both;width:360px;color:#FFFFFF;margin-top:60px}
.title_contact .cadre2 p a{color:#FFF;text-decoration:underline;}
.title_contact .cadre2 p a:hover{text-decoration:none}
.title_contact .cadre2{width:333px;height:275px;padding:25px 0 0 40px;margin:46px 0 0 107px;float:left;}
.title_contact .cadre2 p a:hover{text-decoration:none}
/**************************** TOP *******************************/
div.top {float:left;width:977px;height:150px;}/*background:#CCCCCC;*/
div.top ul{margin-top:3px;float:left;}
div.top ul li{float:left;margin:0 50px 0 0}
div.top ul li a{width:103px;height:33px;display:block; background:url(../images/top-menu.png) no-repeat 0 0;color:#b9202a;font-weight:bold;text-align:center;padding:20px 0 0 0;font-size:10px}
div.top ul li a:hover{color:#00435f}
div.top a.logo {display:block;height:130px;width:270px;float:left;margin-right:35px}
div.top a.logo span{display:none}
div.top p{width:200px;height:60px;float:left;text-align:justify;margin:16px 0 0 35px}
div.top ul li a.active{background:url(../images/top-menu-over.png) no-repeat 0 0;color:#00435f}
/**************************** MILIEU *******************************/
div.milieu{width:977px;float:left;height:412px;overflow:hidden}
div.milieu ul.menu{margin:45px 0 0 5px !important;margin:45px 0 0 2px;float:left;}
div.milieu ul.menu li{margin:0 0 10px 0;}
div.milieu ul.menu li a{width:92px;height:25px;display:block; background:url(../images/mdl-menu.png) no-repeat 0 0;color:#b9202a;font-weight:bold;font-size:9px;padding:11px 0 0 15px;}
div.milieu ul.menu li a.active {background:url(../images/mdl-menu-over.png) no-repeat 0 0;color:#00435f;}
div.milieu ul.menu li a:hover{color:#00435f}
div.milieu  .cadre1 {width:335px;height:240px;float:left;padding:10px;}/*background:#CCCCCC;*/
div.milieu  .cadre1 .content{height:210px;}
div.milieu  .cadre1_marg {margin-left:112px !important;margin-left:56px;}
/*div.milieu  .cadre2 {width:360px;height:300px;float:left;margin:46px 0 0 127px}background:#CCCCCC;*/
div.milieu  .cadre1 p{margin-bottom:10px;}
div.milieu  .cadre1 ul.actu {width:332px;margin-left:3px;font-size:10px;float:left}
div.milieu  .cadre1 ul.actu li {margin-bottom:5px;float:left}
div.milieu  .cadre1 ul.actu li span{float:left;color:#005276;font-weight:bold}
div.milieu  .cadre1 ul.actu li p{float:left;width:260px;clear:both;margin-right:2px;}
/**************************** PIED DE PAGE *******************************/
div.pied_page {float:left;width:977px;}
div.pied_page a.w3c{font-size:10px;float:left;margin:30px 40px 0 62px ;text-decoration:underline;color:#000}

div.pied_page ul{float:left;margin:0 0 0 210px !important;margin:0 0 0 160px;}
div.pied_page ul li{margin:0 0 10px 50px;float:left}
div.pied_page ul li a{width:103px;height:28px;display:block; background:url(../images/bottom-menu.png) no-repeat 0 0;color:#b9202a;font-weight:bold;font-size:9px;padding:25px 0 0 0;text-align:center}
div.pied_page ul li a:hover{color:#00435f}

div.pied_page ul li a.active{color:#00435f;background:url(../images/bottom-menu-over.png) no-repeat 0 0;}
p.info{color:#FF0000;margin:0 0 0 5px;}