html{padding:0px;}
body{margin:0px auto; padding:0; font:normal 12px/22px 'Merriweather Sans', 'Myriad-Pro', Arial, Tahoma, Verdana, sans-serif; color:#00284e; text-align:left; background:#FFFFFF url(/public/img/global/bg.png) top left repeat-x;}
h1, h2, h3, h4, h5, h6{margin:0; padding:0;}
h1{font:normal 30px 'Fjalla One', 'Merriweather Sans', 'Myriad-Pro', Arial, Tahoma, Verdana, sans-serif; color:#b31c7e; margin-bottom:20px; padding-bottom:13px; border-bottom:1px solid #e5e9ed;}
h2{font-weight:bold; font-size:20px; color:#00284e; padding-bottom:10px; margin-top:30px;}
h3{font-weight:normal; font-size:18px; color:#00284e; padding-bottom:10px; margin-top:25px;}
h4{font-weight:bold; font-size:14px; color:#b31c7e; padding-bottom:10px; margin-top:20px;}
h5{font-weight:normal; font-size:13px; color:#00284e; padding-bottom:5px; margin-top:15px;}
h5 b{color:#FF9900; font-size:24px;}
ul{padding:0; margin:0; padding-left:17px;}
li{padding:0px; list-style-image:url(/public/img/global/puce1.png);}
ul li ul{padding-left:40px;}
ul li ul li{list-style:circle;}
img{border:0;}
a{font-family:'Merriweather Sans', 'Myriad-Pro', Arial, Tahoma, Verdana, sans-serif;}
a:link, a:visited{text-decoration:none; border:0; background-color:transparent; color:#99155e; padding:0; outline:none;}
a:active, a:hover{text-decoration:none; background-color:transparent;}
form{padding:0; margin:0;}
p{padding:0; margin:0 0 10px; text-align:justify;}
div{padding:0; margin:0;}
.clear{padding:0; margin:0; height:0; line-height:0; clear:both;}
hr{border:none; border-bottom:1px solid #e5e9ed; height:1px; padding:0; margin:0; vertical-align:top; clear:both;}
hr.blue{border:none; border-bottom:1px solid #00284e; padding:0; margin:0;}
*{outline:none;}
img {border:0;}
/***************
**** HEADER ****
***************/
#background{margin:auto; width:1000px; background:transparent url(/public/img/global/bg_content.png) top left repeat-y; margin-top:16px;}
#header .contenu{margin:auto; width:950px; background:#FFF; padding:20px;}
#header .contenu .left{width:330px; float:left; margin-bottom:35px;}
#header .contenu .left #logo{padding-top:5px; padding-left:0px;}
#header .contenu .left #phrase{display:block; padding-left:0px; padding-top:5px; color:#00274e; width:312px; text-align:right;}
@-moz-document url-prefix(){#header .contenu .left #phrase{padding-top:0;}} /* position de la baseline pour firefox */
#header .contenu .left #phrase span{color:#b31c7e; font-style:italic;}
#header .contenu .right{float:right; border:0px solid red; text-align:right;}
#header .contenu .right #menu{background-color:#FFFFFF; width:600px; margin-top:25px;}
#header .contenu .right #menu ul{float:right; padding:0;}
#header .contenu .right #menu li{list-style:none; font-weight: bold; font-size:11px; float:left; padding:15px 10px; color:#00274e;}
#header .contenu .right #menu li a{color:#00274e; display:block; line-height:28px;}
@-moz-document url-prefix(){#header .contenu .right #menu li{font-size: 12px; font-weight: normal;}} /* modif taille texte menu pour firefox */
#header .contenu .right #menu li span{display:block; line-height:28px;}
#header .contenu .right #menu li:hover a{color:#b31c7e;}
#header .contenu .right #menu li:hover{color:#b31c7e;}
#header .contenu .right #menu li.last{background:none;}
#header .contenu .right #menu li.active{color:#b31c7e;}
#header .contenu .right #menu li.active a{color:#b31c7e;}
/*** MENU DEROULANT ***/
#header .contenu .right #menu ul li > div{display:none; padding:0; overflow:hidden; position:absolute; z-index:1000000; border:0px solid red; margin-top:12px; margin-left:0px; padding-top:0px; border:0px solid red; background-color:#FFFFFF;}
#header .contenu .right #menu ul li:hover > div{display:block; border-top:0px solid green;}
#header .contenu .right #menu ul:after{content:""; clear:both; display:block;}
#header .contenu #nav ul li:hover > a{background-position:top center; color:#7e7e7e;}
#header .contenu .right #menu ul ul{list-style:none; display:block; padding-left:0px; margin-left:0px; margin-bottom:2px; height:auto; color:#00284e;}
#header .contenu .right #menu ul ul li{color:#00284e; display:block; float:none; background:none; border-left:5px solid #b31c7e; border-bottom:0px solid #fff; font-size:12px; font-weight:normal; width:180px; padding:2px 0 0 20px; font-size:11px; margin-bottom:2px;}
#header .contenu .right #menu ul li #Menu ul li a, #header .contenu .right #menu ul li #Menu ul li:hover a{width:100%; display:block; color:#00284e; text-align:left; line-height:18px;}
#header .contenu .right #menu ul li #Menu ul li:hover a{color:#b31c7e; background-color:#FFF;}
#header .contenu .right #menu ul li #Menu ul li:hover{color:#b31c7e; background-color:#FFF;}
/****************
**** CONTENT ****
****************/
#content{margin:auto; width:990px; background:#FFF;}
/*** PAGE INDEX ***/
.content_index{padding:0 20px 20px;}
/* Slider */
.camera_wrap a, .camera_wrap img,
.camera_wrap ol, .camera_wrap ul, .camera_wrap li,
.camera_wrap table, .camera_wrap tbody, .camera_wrap tfoot, .camera_wrap thead, .camera_wrap tr, .camera_wrap th, .camera_wrap td
.camera_thumbs_wrap a, .camera_thumbs_wrap img,
.camera_thumbs_wrap ol, .camera_thumbs_wrap ul, .camera_thumbs_wrap li,
.camera_thumbs_wrap table, .camera_thumbs_wrap tbody, .camera_thumbs_wrap tfoot, .camera_thumbs_wrap thead, .camera_thumbs_wrap tr, .camera_thumbs_wrap th,
.camera_thumbs_wrap td {background:none; border:0; font:inherit; font-size:100%; margin:0; padding:0; vertical-align:baseline; list-style:none;}
.camera_wrap{display:none; float:left; position:relative; z-index:0;}
.camera_wrap img{max-width:none!important;}
.camera_fakehover{height:100%; min-height:60px; position:relative; width:100%; z-index:1;}
.camera_wrap{width:100%;}
.camera_src{display:none;}
.cameraCont, .cameraContents{height:100%; position:relative; width:100%; z-index:1;}
.cameraSlide{bottom:0; left:0; position:absolute; right:0; top:0; width:100%;}
.cameraContent{bottom:0; display:none; left:0; position:absolute; right:0; top:0; width:100%;}
.camera_target{bottom:0; height:100%; left:0; overflow:hidden; position:absolute; right:0; text-align:left; top:0; width:100%; z-index:0;}
.camera_overlayer{bottom:0; height:100%; left:0; overflow:hidden; position:absolute; right:0; top:0; width:100%; z-index:0;}
.camera_target_content{bottom:0; left:0; overflow:hidden; position:absolute; right:0; top:0; z-index:2;}
.camera_target_content .camera_link{background:url(/public/img/index/slider/blank.gif); display:block; height:100%; text-decoration:none;}
.camera_loader{background:#fff url(/public/img/index/slider/camera-loader.gif) no-repeat center; background:rgba(255, 255, 255, 0.9) url(/public/img/index/slider/camera-loader.gif) no-repeat center; border:1px solid #ffffff; -webkit-border-radius:18px; -moz-border-radius:18px; border-radius:18px; height:36px; left:50%; overflow:hidden; position:absolute; margin:-18px 0 0 -18px; top:50%; width:36px; z-index:3;}
.camera_nav_cont{height:65px; overflow:hidden; position:absolute; right:9px; top:15px; width:120px; z-index:4;}
.camera_caption{bottom:0; display:block; position:absolute; width:100%;}
.camera_caption > div{padding:10px 20px;}
.camerarelative{overflow:hidden; position:relative;}
.imgFake{cursor:pointer;}
.camera_command_wrap .hideNav{display:none;}
.camera_command_wrap{left:0; position:relative; right:0; z-index:4;}
.camera_wrap .camera_pag{position:absolute; bottom:0; right:10px;}
.camera_wrap .camera_pag .camera_pag_ul{list-style:none; margin:0; padding:0; text-align:right;}
.camera_wrap .camera_pag .camera_pag_ul li{cursor:pointer; display:inline-block; height:16px; margin:20px 5px; position:relative; text-align:left; text-indent:-9999px; width:16px;}
.camera_pag_ul li img{display:none; position:absolute;}
.camera_wrap .camera_pag .camera_pag_ul li{cursor:pointer; display:inline-block; height:19px; margin:5px 2px; position:relative; text-indent:-9999px; width:19px;}
.camera_clear{display:block; clear:both;}
.showIt{display:none;}
.camera_clear{clear:both; display:block; height:1px; margin:-1px 0 25px; position:relative;}
.camera_wrap .camera_pag .camera_pag_ul li{background:url(/public/img/index/slider/rond-bleu.png);}
.camera_wrap .camera_pag .camera_pag_ul li.cameracurrent{background:url(/public/img/index/slider/rond-violet.png);}
/* Nos services */
#content h1#titre_home{font-family:'Merriweather Sans', 'Myriad-Pro', Arial, Tahoma, Verdana, sans-serif; font-size:16px; color:#00284e; padding-bottom:0; border:none; text-align:center; font-style:italic;}
#content .services{width:950px; height:410px; position:relative; background:url(/public/img/index/services/services.jpg) top left no-repeat;}
#content .services p{text-align:left;}
#content .services .box_orange{width:256px; height:142px; position:absolute; background:url(/public/img/index/services/box_orange.png) top left no-repeat; top:20px; left:330px; font-family:'Merriweather Sans', sans-serif; color:#00274e; font-size:12px; padding:17px 20px 20px 17px;line-height:18px;}
#content .services .box_orange a{color:#00274e; display:block; width:258px;}
#content .services .box_orange:hover{background:url(/public/img/index/services/box_orange_.png) top left no-repeat;}
#content .services .box_orange .title{color:#f7941d; font-weight:bold; font-size:17px; }
#content .services .box_blue{width:280px; height:130px; position:absolute; background:url(/public/img/index/services/box_blue.png) top left no-repeat; top:125px; left:40px; font-family:'Merriweather Sans', sans-serif; color:#00274e; font-size:12px; padding:20px 20px 20px 17px; line-height:18px;}
#content .services .box_blue a{color:#00274e; display:block; width:280px;}
#content .services .box_blue:hover{background:url(/public/img/index/services/box_blue_.png) top left no-repeat;}
#content .services .box_blue .title{color:#00aeef; font-weight:bold; font-size:17px; }
#content .services .box_vert{width:271px; height:104px; position:absolute; background:url(/public/img/index/services/box_vert.png) top left no-repeat; top:300px; left:5px; font-family:'Merriweather Sans', sans-serif; color:#00274e; font-size:12px; line-height:18px; padding:20px 120px 20px 20px;}
#content .services .box_vert a{color:#00274e; display:block; width:271px;}
#content .services .box_vert:hover{background:url(/public/img/index/services/box_vert_.png) top left no-repeat;}
#content .services .box_vert .title{color:#8dc63f; font-weight:bold; font-size:17px; }
#content .services .box_rouge{ width:300px; height:101px; position:absolute; background:url(/public/img/index/services/box_rouge.png) top left no-repeat; top:280px; left:540px; font-family:'Merriweather Sans', sans-serif; color:#00274e; font-size:12px; line-height:18px; padding:24px 30px 20px 105px;}
#content .services .box_rouge a{color:#00274e; display:block; width:300px;}
#content .services .box_rouge:hover{ background:url(/public/img/index/services/box_rouge_.png) top left no-repeat;}
#content .services .box_rouge .title{ color:#ed1c24; font-weight:bold; font-size:17px; }
#content .services .box_rose{width:223px; height:83px; position:absolute; background:url(/public/img/index/services/box_rose.png) top left no-repeat; top:122px; left:547px; font-family:'Merriweather Sans', sans-serif; color:#00274e; font-size:12px; line-height:18px; padding:35px 20px 20px 130px;}
#content .services .box_rose a{color:#00274e; display:block; width:223px;}
#content .services .box_rose:hover{background:url(/public/img/index/services/box_rose_.png) top left no-repeat;}
#content .services .box_rose .title{color:#ff3299; font-weight:bold; font-size:17px;}
/* Fil d'actualités + Nos derniers projets + Devis */
#content .contenu_gris{margin:auto; margin-top:20px;margin-bottom:35px; width:900px; background:#fff url(/public/img/global/bg_actu.jpg) top left repeat-x; padding:10px 25px 0;}
#content .contenu_gris .left{width:550px; float:left; color:#00284e;}
#content .contenu_gris .left h2{font-weight:normal; font-size:30px;}
#content .contenu_gris .left .actu_liste{border-left:10px solid #b31c7e; padding:10px; line-height:18px; font-size:12px; margin-bottom:8px; color:#00284e;}
#content .contenu_gris .left .actu_liste h3{font-weight:bold; font-family:'Fjalla One', sans-serif; font-size:15px; color:#b31c7e; padding-bottom:10px; margin-top:0;}
#content .contenu_gris .left .actu_liste p{margin:0;}
#content .contenu_gris .right{float:right; text-align:left; width:320px;}
#content .contenu_gris .right h2{font-weight:normal;font-size:30px; padding-bottom:25px;}
#content .contenu_gris .right .lien_liste{font-size:13px; margin-bottom:20px;}
#content .contenu_gris .right .lien_liste .projet{font-weight:bold;}
#content .contenu_gris .right .lien_liste .client{font-size:12px;}
#content .contenu_gris .right .ensavoirplus{font-family:'Fjalla One', sans-serif; font-size:15px; text-align:right; color:#b31c7e; padding-bottom:20px;}
#content .contenu_gris .right .ensavoirplus a{color:#b31c7e;}
#content .contenu_gris .right .demanderdevis{font-family:'Fjalla One', sans-serif; font-size:20px; width:280px; text-align:center; color:#fff; padding:20px; background:#00284e; display:block;}
#content .contenu_gris .right .demanderdevis a{color:#fff;}
/*** PAGE REFERENCES ***/
.content_references{padding:0 45px;}
.content_references .cadre, .content_references .cadre_{margin-bottom:40px; font-size:10px; margin-right:40px; width:271px; float:left;}
.content_references .cadre_{margin-right:0px;}
.content_references .cadre .titre h2, .content_references .cadre_ .titre h2{font-size:14px; font-weight:bold; padding-bottom:5px; margin-top:0;}
.content_references .cadre .img, .content_references .cadre_ .img{width:271px; height:175px; position:relative;}
.content_references .cadre .img .survol, .content_references .cadre_ .img .survol{width:251px; height:155px; position:absolute; display:none; background-color:#00284e; opacity:0.8; color:#FFF; position:absolute; top:0px; left:0px; padding:10px;}
.content_references .cadre .img .survol li, .content_references .cadre_ .img .survol li{list-style-image: url(/public/img/global/puce5.png);}
.content_references .cadre .site, .content_references .cadre_ .site{text-align:center; font-size:12px; padding:5px 0px;}
.content_references .cadre .site a, .content_references .cadre_ .site a{color:#00284e;}
.content_references .cadre .icones, .content_references .cadre_ .icones{text-align:center; height:25px;}
.content_references .cadre .icones img, .content_references .cadre_ .icones img{padding:3px 8px;}
.content_references .cadre .txt, .content_references .cadre_ .txt{text-align:justify; font-size:10px;}
/*** PAGE PARTENAIRES ***/
.content_partenaires{padding:0 45px 25px;}
.content_partenaires h2{font-size:20px; color:#00284e; padding-bottom:15px; margin-top:15px;}
.content_partenaires .services_integres{font-family:'Fjalla One', sans-serif; font-size:30px; font-weight:normal; color:#b31c7e; padding-bottom:13px; border-bottom:1px solid #e5e9ed; margin-bottom:20px; width:591px;}
.content_partenaires .cadre{margin-bottom:50px; font-size:10px;}
.content_partenaires .cadre .img{border:3px solid #e5e9ed; float:left; width:116px; line-height:0;}
.content_partenaires .cadre .centre{float:left; padding-left:25px; width:435px;}
.content_partenaires .cadre .centre h2{font-size:18px; padding:0px; margin:0px; font-weight: normal;}
.content_partenaires .cadre .droite{float:left; padding-left:30px; width:284px;}
.content_partenaires .cadre .droite span{font-weight:bold;}
.content_partenaires .service{float:left; width:96px; height:61px; margin-right:31px; border:3px solid #e5e9ed;}
.content_partenaires .servicelast{float:left; width:96px; height:61px; margin-right:0px; border:3px solid #e5e9ed;}
.content_partenaires .service_{float:left; width:102px; height:45px; margin-right:31px; background-color:#00284e; text-align:center; color:#FFF; font-size:12px; padding-top:22px;}
.content_partenaires .servicelast_{float:left; width:96px; height:45px; margin-right:0px; background-color:#00284e; text-align:center; color:#FFF; font-size:12px; padding-top:22px;}
/*** PAGE CONTACT ***/
.content_contact{padding:0 45px 25px; color:#00284e;}
.content_contact .left{float:left; width:429px; text-align:justify;}
.content_contact .left .coord{font-size:14px; text-align:left; float:left;}
.content_contact .left .coord .titre{font-size:20px; text-align:left;}
.content_contact .left .tel{font-size:14px; text-align:left; float:left; padding-left:40px;}
.content_contact .left .img{padding:40px 0;}
.content_contact .left .fcode{background:url(/public/img/contact/flashezmoi.png) top left no-repeat; margin-left:60px; margin-top:15px; padding-left:170px;}
.content_contact .left h2{font-size:20px; color:#00284e; padding-bottom:15px; margin-top:15px;}
.content_contact .right{float:right; text-align:left; width:352px; background-color:#f2f4f6; padding:23px 28px; font-size:13px;}
.content_contact .right .champs{width:338px; border:1px solid #e5e8ec; height:26px; background-color:#fff; padding:5px; text-align:left; margin-bottom:8px;}
.content_contact .right .champs input[type=text]{width:308px; border:none; height:26px; background-color:#fff; color:#00284e; padding-left:35px;}
.content_contact .right .champs input[type=text].nom{background:url(/public/img/contact/nom.png) center left no-repeat;}
.content_contact .right .champs input[type=text].mail{background:url(/public/img/contact/email.png) center left no-repeat;}
.content_contact .right .champs input[type=text].tel{background:url(/public/img/contact/tel.png) center left no-repeat;}
.content_contact .right .champs input[type=text].societe{background:url(/public/img/contact/societe.png) center left no-repeat;}
.content_contact .right p#objet{margin-top:25px; margin-bottom:5px;}
.content_contact .right .champs_{width:338px; border:1px solid #e5e8ec; height:128px; background-color:#fff; padding:5px; text-align:left; margin-bottom:8px;}
.content_contact .right .champs_ textarea{width:293px; border:none; height:118px; background-color:#fff; color:#00284e; padding-top:4px; padding-bottom:4px; background:url(/public/img/contact/message.png) top left no-repeat; padding-left:35px;}
.content_contact .right .champs select{width:328px; border:none; height:26px; background-color:#fff; color:#00284e; padding-top:4px; padding-bottom:4px;}
.content_contact .right .champs2{width:209px; border:1px solid #e5e8ec; height:26px; background-color:#fff; padding:5px; text-align:left; margin-bottom:8px; float:left;}
.content_contact .right .champs2 input[type=text]{width:174px; border:none; height:26px; background-color:#fff; color:#00284e; padding-left:35px; background:url(/public/img/contact/cadenas.png) center left no-repeat;}
.content_contact .right .img{float:right;}
.content_contact .right .button{width:351px; height:38px; background-color:#00284e; border:none; text-align:center; padding-top:0; color:#FFF; font-size:15px; font-family:'Fjalla One', sans-serif; margin-top:10px;}
/*** PAGES COMPETENCES ***/
.content_competences{padding:0 45px;}
.content_competences .left{float:left; width:591px; text-align:justify;}
.content_competences .right{float:right; text-align:right;}
.content_competences .right .cadre_menu{width:240px; background-color:#e5e9ed; padding:10px; text-align:left; float:right;}
.content_competences .right .cadre_menu .titre_menu{font-family:'Fjalla One', sans-serif; font-size:20px; text-align:center; color:#58595b; padding-top:3px; padding-bottom:15px; border-bottom:1px solid #ffffff; margin-bottom:20px;}
.content_competences .right .cadre_menu li{list-style-image:url(/public/img/global/puce6.png); padding-bottom:5px; color:#58595b;}
.content_competences .right .cadre_menu li a{color:#58595b;}
.content_competences .right .cadre_menu li a:hover{color:#b31c7e;}
.content_competences .right .cadre_menu li:hover a{color:#b31c7e;}
.content_competences .right .cadre_menu li.active a{color:#b31c7e;}
.content_competences .right .photo_bas{margin-top:20px;}
.content_competences .cadre_bas{background-color:#e5e9ed; margin-top:20px; padding:10px; text-align:left; color:#00284e;}
.content_competences .cadre_bas h2{font-size:20px; color:#00284e; padding-bottom:20px; margin-top:5px;}
.content_competences .cadre_bas .left{text-align:justify; float:left; width:410px; line-height:18px;}
.content_competences .cadre_bas .right{padding-left:50px; margin-top:25px; text-align:left; width:400px;}
.content_competences .cadre_bas .right span{font-weight:bold;}
.content_competences .cadre_bas .right ul{padding-left:25px;}
.content_competences .cadre_bas .right li{list-style-image:url(/public/img/global/puce2.png); padding-bottom:0px;}
/*** PAGES SERVICES ***/
.content_services{padding:0 45px 25px;}
/* Colonne de gauche : liste des services */
.content_services .left{float:left; width:591px; text-align:justify;}
.content_services#creationSite .left h1{color:#f7941d;}
.content_services#administration .left h1{color:#8dc63f;}
.content_services#animation .left h1{color:#00aeef;}
.content_services#visibilite .left h1{color:#ff3299;}
.content_services#conseil .left h1{color:#ed1c24;}
.content_services#autres .left h1{color:#b31c7e;}
.content_services .left .liste{color:#00284e; padding-bottom:20px;}
.content_services .left .liste .gauche{color:#00284e; padding-right:15px; width:280px; float:left;}
.content_services .left .liste .droite{color:#00284e; padding-left:15px; width:280px; float:left;}
.content_services .left .liste .gauche h2, .content_services .left .liste .droite h2{padding-bottom:15px; margin-top:15px; text-align:left;}
.content_services .left .liste .gauche p, .content_services .left .liste .droite p{margin:0;}
.content_services .left .liste .gauche ul, .content_services .left .liste .droite ul{padding-left:18px; padding-top:15px;}
.content_services .left .liste .gauche ul li, .content_services .left .liste .droite ul li{list-style-image:url(/public/img/global/puce3.png);}
/* Colonne de droite : menu des services + Notre approche + Vos avantages */
.content_services .right{float:right; text-align:right;}
/* menu des services */
.content_services .right .cadre_menu{width:240px; background-color:#e5e9ed; padding:10px; text-align:left; float:right; margin-bottom:20px;}
.content_services .right .cadre_menu .titre_menu{font-family:'Fjalla One', sans-serif; font-size:20px; text-align:center; color:#58595b; padding-top:3px; padding-bottom:15px; border-bottom:1px solid #ffffff; margin-bottom:20px;}
.content_services .right .cadre_menu ul{padding-left:0px;}
.content_services .right .cadre_menu li{list-style:none; padding-bottom:5px; text-align:center; width:230px; padding:5px;}
.content_services .right .cadre_menu li a{color:#58595b;}
.content_services#creationSite .right .cadre_menu li:hover, .content_services#creationSite .right .cadre_menu li.active{background-color:#f7941d; color:#ffffff;}
.content_services#administration .right .cadre_menu li:hover, .content_services#administration .right .cadre_menu li.active{background-color:#8dc63f; color:#ffffff;}
.content_services#animation .right .cadre_menu li:hover, .content_services#animation .right .cadre_menu li.active{background-color:#00aeef; color:#ffffff;}
.content_services#visibilite .right .cadre_menu li:hover, .content_services#visibilite .right .cadre_menu li.active{background-color:#ff3299; color:#ffffff;}
.content_services#conseil .right .cadre_menu li:hover, .content_services#conseil .right .cadre_menu li.active{background-color:#ed1c24; color:#ffffff;}
.content_services#autres .right .cadre_menu li:hover, .content_services#autres .right .cadre_menu li.active{background-color:#b31c7e; color:#ffffff;}
.content_services .right .cadre_menu li:hover a{color:#ffffff; display:block; width:230px;}
.content_services .right .photo_bas{margin-top:140px;}
/* Notre approche */
.content_services .right .cadre_menu2{width:230px; border-left:10px solid #00284e; padding-left:10px; padding-right:10px; text-align:left; float:right; margin-bottom:20px;}
.content_services .right .cadre_menu2 h3{font-family:'Fjalla One', sans-serif; font-size:20px; text-align:left; color:#00284e; padding-bottom:5px; border-bottom:1px solid #ffffff; margin-top:5px;}
/* Vos avantages */
.content_services .right .cadre_menu3{width:240px; padding:10px; text-align:left; float:right; color:#FFF; margin-bottom:20px;}
.content_services#creationSite .right .cadre_menu3{background-color:#f7941d;}
.content_services#administration .right .cadre_menu3{background-color:#8dc63f;}
.content_services#animation .right .cadre_menu3{background-color:#00aeef;}
.content_services#visibilite .right .cadre_menu3{background-color:#ff3299;}
.content_services#conseil .right .cadre_menu3{background-color:#ed1c24;}
.content_services#autres .right .cadre_menu3{background-color:#b31c7e;}
.content_services .right .cadre_menu3 h3{font-family:'Fjalla One', sans-serif; font-size:20px; text-align:left; color:#fff; padding-bottom:5px; border:none; margin-top: 5px;}
.content_services .right .cadre_menu3 ul{padding-left:25px; padding-top:5px;}
.content_services .right .cadre_menu3 ul li{list-style-image:url(/public/img/global/puce4.png); padding-bottom:10px;}
.content_services .right .cadre_menu4{width:231px; float:right; margin-bottom:20px; color:#FFF; background-color:#00284e; text-align:center; font-size:20px; font-family:'Fjalla One', sans-serif; padding:15px;}
/* Quelques réalisations */
.contenu_gris2{margin:auto; width:900px; background:#fff url(/public/img/global/bg_actu.jpg) top left repeat-x; padding:10px 45px 0;}
.contenu_gris2 h2{font-size:30px; color:#f7941d; font-weight:normal;}
.contenu_gris2 .rea_liste{float:left; padding:10px; line-height:15px; font-size:11px; margin-bottom:15px; color:#00284e; width:400px; float:left; text-align:justify;}
.contenu_gris2 .rea_liste>div{float:left;}
.contenu_gris2 .rea_liste>div+div{width:250px}
.contenu_gris2 .rea_liste .projet{color:#00284e; font-weight:bold;}
.contenu_gris2 .rea_liste .projet a{color:#00284e;}
.contenu_gris2 .rea_liste .projet a:hover{color:#99155e;}
.contenu_gris2 .rea_liste .client{color:#00284e;}
.contenu_gris2 .rea_liste img{float:left; margin-right:10px;}
/*** PAGE DE CONTENU ***/
#content .pageContenu{padding:0 45px 20px; position:relative;}
#content .pageContenu h3{margin-left:20px;}
#content .pageContenu h4{margin-left:40px;}
#content .pageContenu p{margin-bottom:20px;}
#content .pageContenu img{border:4px solid #e5e8ec;}
#content .pageContenu img.left{float:left; margin-right:20px; margin-bottom:10px;}
#content .pageContenu img.right{float:right; margin-left:20px; margin-bottom:10px;}
table{border:1px solid #e6e7e8; border-collapse:collapse; margin-bottom:20px;}
td, th{border:1px solid #e6e7e8; padding:5px 15px;}
th{font-size:15px;}
td.blue, th.blue{background-color:#00284e; color:#ffffff}
/* FAQ */
#content .pageContenu#faq .question{text-decoration:underline; font-style:italic; margin-bottom:5px;}
/* Qui sommes-nous */
#content .pageContenu#quiSommesNous{padding-bottom:45px;}
#content .pageContenu#quiSommesNous img{border:none; position:absolute; bottom:44px; right:60px;}
/***************
**** FOOTER ****
***************/
#footer{width:1020px; margin:auto;}
#footer .top{width:1020px; background:#e5e9ed url(/public/img/global/content_bas.png) top left no-repeat; padding-top:30px; margin-left:1px;}
#footer .top .competences{text-align:center; padding-top:20px; width:700px; margin:auto; padding-bottom:20px;}
#footer .top .competences .titre{font-size:20px; font-family:'Fjalla One', sans-serif;}
/* Compétences */
#footer .top .competences .comp{background:#e5e9ed url(/public/img/global/sepbl.jpg) center left repeat-x; height:25px; text-align:center; margin-bottom:10px;}
#footer .top .competences .comp .titre{padding-left:20px; padding-right:20px; background:#e5e9ed; margin-top:5px; display:inline;}
#footer .top .competences .comp .titre span{padding-left:20px; padding-right:20px; background:#e5e9ed; margin-top:5px; display:inline;}
#footer .top .competences a{color:#00284e;}
#footer .top .competences .liste_1, #footer .top .competences .liste_2,
#footer .top .competences .liste_3, #footer .top .competences .liste_4,
#footer .top .competences .liste_5, #footer .top .competences .liste_6,
#footer .top .competences .liste_7{width:100px; height:100px; text-align:center; font-family:'Fjalla One', sans-serif; font-size:12px; float:left; line-height:15px;}
#footer .top .competences .liste_1{background:url(/public/img/global/pictos/ecommerce-blanc.png) top center no-repeat; padding-top:55px; height:45px;}
#footer .top .competences .liste_1:hover{background:url(/public/img/global/pictos/ecommerce-bleu.png) top center no-repeat;}
#footer .top .competences .liste_2{background:url(/public/img/global/pictos/referencement-blanc.png) top center no-repeat; padding-top:55px; height:45px;}
#footer .top .competences .liste_2:hover{background:url(/public/img/global/pictos/referencement-bleu.png) top center no-repeat;}
#footer .top .competences .liste_3{background:url(/public/img/global/pictos/relation-client-blanc.png) top center no-repeat; padding-top:60px; height:40px;}
#footer .top .competences .liste_3:hover{background:url(/public/img/global/pictos/relation-client-bleu.png) top center no-repeat;}
#footer .top .competences .liste_4{background:url(/public/img/global/pictos/geomkt-blanc.png) top center no-repeat; padding-top:62px; height:38px;}
#footer .top .competences .liste_4:hover{background:url(/public/img/global/pictos/geomkt-bleu.png) top center no-repeat;}
#footer .top .competences .liste_5{background:url(/public/img/global/pictos/community-blanc.png) top center no-repeat; padding-top:55px; height:45px;}
#footer .top .competences .liste_5:hover{background:url(/public/img/global/pictos/community-bleu.png) top center no-repeat;}
#footer .top .competences .liste_6{background:url(/public/img/global/pictos/analyse-blanc.png) top center no-repeat; padding-top:65px; height:35px;}
#footer .top .competences .liste_6:hover{background:url(/public/img/global/pictos/analyse-bleu.png) top center no-repeat;}
#footer .top .competences .liste_7{background:url(/public/img/global/pictos/positionnement-blanc.png) top center no-repeat; padding-top:65px; height:35px;}
#footer .top .competences .liste_7:hover{background:url(/public/img/global/pictos/positionnement-bleu.png) top center no-repeat;}
/* Nos partenaires */
#footer .top .competences .left{width:230px; text-align:center; float:left}
#footer .top .competences .left .icones{width:200px; text-align:center; float:left; padding:10px;}
#footer .top .competences .left .icones .nomPartenaire{color:#b31c7e;}
#footer .top .competences .left .icones .num1{display:inline-block; background:url(/public/img/global/logos/orchestra-bleu.png) top left no-repeat; width:74px; height:48px;}
#footer .top .competences .left .icones .num2{display:inline-block; background:url(/public/img/global/logos/cinov-bleu.png) top left no-repeat; width:95px; height:40px; margin:8px}
#footer .top .competences .left .icones .num3{display:inline-block; background:url(/public/img/global/logos/odigeo-bleu.png) top left no-repeat; width:115px; height:24px; margin:8px; margin-bottom:0;}
#footer .top .competences .left .icones .num1:hover{background:url(/public/img/global/logos/orchestra-violet.png) top left no-repeat;}
#footer .top .competences .left .icones .num2:hover{background:url(/public/img/global/logos/cinov-violet.png) top left no-repeat;}
#footer .top .competences .left .icones .num3:hover{background:url(/public/img/global/logos/odigeo-violet.png) top left no-repeat;}
/* Qui sommes-nous */
#footer .top .competences .middle{width:230px; text-align:center; float:left;}
#footer .top .competences .middle .int{font-size:11px; line-height:17px; text-align:justify; padding:20px; padding-bottom:6px;}
#footer .top .competences .middle a{font-size:11px; text-align:justify; padding:20px; color:#b31c7e;}
/* Réseaux sociaux */
#footer .top .competences .right{width:230px; text-align:center; float:left; padding:0px 0px;}
#footer .top .competences .right .icones{width:150px; text-align:center; float:left; padding:10px 65px;}
#footer .top .competences .right .icones .facebook{display:none;float:left; background:url(/public/img/global/pictos_reseaux/fb-bleu.png) top left no-repeat; width:50px; height:50px;}
#footer .top .competences .right .icones .facebook:hover{background:url(/public/img/global/pictos_reseaux/fb-violet.png) top left no-repeat;}
#footer .top .competences .right .icones .linkedin{float:left; background:url(/public/img/global/pictos_reseaux/in-bleu.png) top left no-repeat; width:50px; height:50px;}
#footer .top .competences .right .icones .linkedin:hover{background:url(/public/img/global/pictos_reseaux/in-violet.png) top left no-repeat;}
#footer .top .competences .right .icones .viadeo{display:none;float:left; background:url(/public/img/global/pictos_reseaux/viadeo-bleu.png) top left no-repeat; width:50px; height:50px;}
#footer .top .competences .right .icones .viadeo:hover{background:url(/public/img/global/pictos_reseaux/viadeo-violet.png) top left no-repeat;}
#footer .top .competences .right .icones .google{display:none;float:left; background:url(/public/img/global/pictos_reseaux/g+bleu.png) top left no-repeat; width:50px; height:50px;}
#footer .top .competences .right .icones .google:hover{background:url(/public/img/global/pictos_reseaux/g+violet.png) top left no-repeat;}
#footer .top .competences .right .icones .nomReseaux{color:#b31c7e; margin-left:-50px;}
/* Plan du site + newsletter */
#footer .bottom{width:860px; padding:45px 80px; background-color:#00284e; margin:1px; line-height:17px; margin:auto;}
#footer .bottom .left{float:left; font-size:11px; width:230px;}
#footer .bottom .left span{color:#FFFFFF;font-weight:bold;}
#footer .bottom .left span.news{font-weight:normal;}
#footer .bottom .left a{color:#FFFFFF;}
.ok{background-color:#FFF; padding:3px 7px; font-size:12px; color:#00284e; border:none;}
@media screen and (max-width:1015px) {
#background{margin-left:10px;}
}