body{background:#144263;margin:0;padding:0; height:100%;font-family :Tahoma, verdana, sans serif;font-size :13px;color:#1a1a1a;}
html{padding:0;margin:0;}
a{text-decoration:none;text-align:center;color:#1a1a1a;}
a img{border:none;}
a:hover{color:#144263;}
ul li {list-style:none;}
.google{color:#1a1a1a;}
#global {position:relative;margin-left:auto;margin-right:auto;width:100%;}
#haut{height:30px;margin:0;padding:0;background:#1a1a1a;width:100%;border-bottom:#dda356 4px solid;}
#connexion-index input, #recherche input[type="submit"]{color:#888;font-size :10px;text-align:center;}
#connexion-index{position:absolute;left:60%;top:-8px;font-size :10px;color:#D9D9D9; }
#menuh{position:absolute;left:20px;height:30px;background:#1a1a1a;}
#menuh ul li{float:left;position:relative;top:-5px;display:block;width:100px;font-size:14px;}
#menuh ul li a{display:block;height:20px;color:#fff;font-size :10px;line-height:20px;} 
#menuh ul li a:hover, #service-internet a:hover{color:#dda356;}
.fb{float:left;margin-left:50px;}
/***** header *****/
#header{padding:0;background:#144263;height:780px;width:1024px;margin:0 auto;}
#header a:hover{color:#ccc;}
/***ecran mac ***/
#animation{height:500px;width:500px;float:left;margin-top:50px;margin-left:2%;background:url(image/bgr_lcd.png) no-repeat; }
#animation object{position:relative;left:2%;top:15px;}
#webdesign{width:100%;top:160px;color:#fff;position:relative;text-align:justify;}
#webdesign h3{height:20px;line-height:20px;border-bottom:#fff 1px solid;}
#webdesign ul li{list-style:none;width:80%;margin-left:auto;margin-right:auto;}
.cognac {color:#dda356;}
#titre {float:left;width:500px;height:500px;margin-top:20px;}
#titre_infos{width:370px;padding:10px;color:#ccc;margin-left:60px;margin-top:-80px;}
#titre_infos h2{color:#DDA356;}
.philo{background:url(image/bg_infos.png) no-repeat;width:329px;height:138px;color:#000;padding:10px;text-align:justify;}
.info_site{height:20px;width:50%;text-align:justify;}
.btn{width:90%;height:50px;color:#fff;margin-left:auto;margin-right:auto;}
.ffg{float:left;margin-right:10px;}
.img{float:left;margin-right:20px;}
.texte_article{font-size:1.2em;}
/***Slideshow***/
#slideshow {left:20px;width:85%;height:270px;position:relative;top:20px;}
#slideshow #slidesContainer { margin:0 auto; width:70%;height:263px; overflow:auto; /* affiche une scrollbar au cas ou */  position:relative;}
#slideshow #slidesContainer .slide {  margin:0 auto;  width:100%; /* reduit de 20 pixels la div #slidesContainer pour permettre d'afficher la barre de scroll */ height:263px;}
#slideshow #slidesContainer .slider{margin-left:20px;margin-top:20px;}

/** 
 * Slideshow controls style rules.
 */
.control { display:block;  width:39px;  height:263px;  text-indent:-10000px;  position:absolute;  cursor: pointer;}
#navDiapo{display:block;width:20px;height:20px;position:absolute;	bottom:10px;cursor:pointer;}
#leftControl {  top:0;  left:0;  background:transparent url(image/control_left.png) no-repeat 0 0;}
#rightControl { top:0;  right:0;  background:transparent url(image/control_right.png) no-repeat 0 0;}

/***Page header *****/
#page_titre {float:left;width:30%;height:150px;}
#page_logo{position:relative;width:102px;height:120px;}
#page_titre h2{position:relative; top:-132px;left:105px;font-weight:normal;font-size:1.1em;color:#fff;width:80%;}
.page_titre {position:relative; font-weight:normal;font-size:1.1em;color:#fff;width:80%;}
#page_titre h1{position:relative; top:-125px;left:105px;color:#fff;font-weight:normal;font-size:2.5em;width:80%;}
#logo{position:relative;left:10%;width:102px;height:120px;}
#titre h2{font-weight:normal;width:70%;}
#titre h1{position:relative; top:-125px;left:150px;color:#fff;font-size:40px;font-weight:normal;width:70%;}
.plus{display:block;position:relative;top:-10px;left:800px;text-decoration:none;background:url(image/logo-opure.gif) no-repeat top right;width:48px;height:48px;}
#animflash{float:left;position:relative;top:40px;left:9%;}
#anim-flash object {display:block;position:relative;top:35px;}
/***menu de navigation ***/
#menu {position:relative;height:80px;left:-100px;width:100%;}
#menu ul li{float:left;position:relative;left:20%;top:-5px;display:block;width:80px;height:80px;margin-right:50px;}
#menu ul li a{display:block;width:80px;height:80px;}
.rss{background:url(image/drop_box.png) no-repeat  top left ; width:80px; height:80px;}
.rss:hover {background:url(image/drop_box.png) no-repeat bottom left ; width:80px; height:80px;}
.menu_actu{background:url(image/drop_box.png) no-repeat  16% 0%; width:80px; height:80px;}
.menu_actu:hover {background:url(image/drop_box.png) no-repeat 16% 100% ; width:80px; height:80px;}
.menu_port{background:url(image/drop_box.png) no-repeat  32% 0%; width:80px; height:80px;}
.menu_port:hover {background:url(image/drop_box.png) no-repeat 32% 100% ; width:80px; height:80px;}
.menu_offres{background:url(image/drop_box.png) no-repeat  48% 0%; width:80px; height:80px;}
.menu_offres:hover {background:url(image/drop_box.png) no-repeat 48% 100% ; width:80px; height:80px;}
.menu_services{background:url(image/drop_box.png) no-repeat  65% 0%; width:80px; height:80px;}
.menu_services:hover {background:url(image/drop_box.png) no-repeat 65% 100% ; width:80px; height:80px;}
.menu_contact{background:url(image/drop_box.png) no-repeat  80% 0%; width:80px; height:80px;}
.menu_contact:hover {background:url(image/drop_box.png) no-repeat 80% 100% ; width:80px; height:80px;}
.menu_plus{background:url(image/drop_box.png) no-repeat  97% 0%; width:80px; height:80px;}
.menu_plus:hover {background:url(image/drop_box.png) no-repeat 97% 100% ; width:80px; height:80px;}
/***menu dans les pages  ***/
#menu_page {float:left;height:80px;width:70%;}
#menu_page ul li{float:left;position:relative;top:-5px;display:block;width:90px;height:80px;text-align:center;}
#menu_page ul li a{display:block;color:#fff;width:90px;height:80px;line-height:80px;}
#menu_page ul li a:hover{color:#dda356;}
/***Menu recherche ***/
#recherche {width:200px;top:300px;display:block;}
#recherche form{height:20px;}
#requete{width:150px; height:20px;background :url(image/recherche.png) no-repeat;border:none;color:#888;padding-left:5px;font-size:11px;line-height:20px;}
#cv{float:left;width:100%;color:#fff;height:400px;text-align:justify;font-size:0.9em}
#portfolio_desc{width:95%;position:relative;}
.text-g{float:left;width:50%;height:450px;text-align:justify;padding-left:2%;padding-right:2%;background:url(image/bgr_lcd.png) no-repeat; }
.text-g h3{color:#dda356;}
.text-d{float:left;width:30%;height:250px;text-align:justify;padding-left:2%;padding-right:2%;}
.text-g_portfolio{float:left;width:35%;height:450px;text-align:justify;padding-left:2%;padding-right:2%;}
.text-d_portfolio{float:left;width:35%;height:450px;text-align:justify;padding-left:2%;padding-right:2%;}
#tagsphere{position:relative;left:15%;top:-120px;color:#D9D9D9;font-size:0.9em;}
#propo{position:relative;top:-180px;left:2%;text-align:justify;color:#D9D9D9;font-size:0.9em;width:30%;}
.dernier_article{padding-left:20px;}
.dernier_article a{color:#dda356;}
.content_article{width:70%;}
.content_article h4{text-decoration:underline;}
/****Portfolio*****/
#portfolio{clear:both;width:100%;}
#galerie {height:400px;width:100%;margin-left:50px;margin-top:10px;}
#new-galerie {height:400px;width:100%;margin-left:50px;margin-top:10px;position:relative;}
#galerie a{display:block;float:left;color:#fff;background:#1a1a1a;width:15px;height:15px;line-height:15px;text-align:center;}
#services h3{position:relative;top:30px;left:170px;font-weight:normal;color:#2ba4f5;}
#pagination{clear:both;height:20px;}
.pagination{width:200px;height:20px;color:#fff;position:absolute;top:10px;left:50px;}
.pagination span{display:block;float:left;margin:5px;}
.pagination a{width:15px;height:15px;border:1px solid #fff;background:#fff;border-radius: 3px 3px 3px 3px;display:block;float:left;margin:5px;line-height:15px;}
.pagination a:hover{background:#000;color:#fff;}
.realisation{float:left;margin-top:20px;margin-right:20px;text-align:center;width:220px;height:120px;position:relative;}
.new-realisation{float:left;margin-top:40px;margin-right:20px;text-align:center;width:300px;height:200px;position:relative;border-bottom:1px solid #fff;}
.new-realisation  .titre{color:#fff;font-size:0.9em;text-align:center;width:80%;margin:10px auto;}
.new-realisation .image {width:220px;height:120px;margin:0 auto;}
.realisation a span{position:absolute;top:10px;left:10px;display:none;}
.realisation a:hover span {display:block;}
.realisation  span.titre{top:20px;font-weight:bold;z-index:2;color:#fff;font-size:0.9em;}
.realisation span.desc{top:40px;color:#bababa;font-size:0.9em;}
.realisation span.bg{top:0;left:0;width:100%;height:100%;background:#000;z-index:1;font-size:0.9em;}
#gal_webd{position:relative;left:10%;top:30px;width:100%;}
#gal_webd a{color:#ff06ff;margin:auto;}
#gal_webd a:hover{color:#fff;}

/****cadre rounded ****/
.cadre_rounded{width:100%;height:600px;background:#144263;clear:both;}
.cadre_hg, .cadre_hd, .cadre_bg, .cadre_bd{background:url(image/cadre_rounded.gif) no-repeat ; width: 11px; height: 11px;font-size: 1px;}
.cadre_hg{background: url(image/cadre_rounded.gif) 0 0;position:relative;top:11px;}
.cadre_hd{background: url(image/cadre_rounded.gif) 11px 0;float: right;position:relative;top:11px;}
/***conteneur****/
#conteneur {width:100%;height:600px;background:#D9D9D9;font-size:0.9em;clear:both;}
#main{width:100%;height:440px;}
#conteneur_blog {width:100%;height:100%;background:#D9D9D9;font-size:0.9em;clear:both;}
#contenu{float:left;height:300px;width:29%;padding-left:20px;padding-right:20px; }
.premier-site{float:left;width:29%;padding-left:20px;padding-right:20px; }
#diaporama{float:left;width:30%;padding-left:2%;}
.module_info{background:url(image/module_info.png) no-repeat;padding-left:20px;height:30px;}
.ref{border-right:#1a1a1a 1px solid;padding-left:5%;padding-right:2%;height:260px;}
.ref ul li{list-style:none;margin-left:-35px;}
.titre{color:#1a1a1a;height:30px;line-height:30px;font-weight:normal;margin-left:20px;font-size:1.4em}
.pictures{color:#144263;background:url(image/design.png) no-repeat;height:60px;line-height:60px;padding-left:15%;}
.dev{color:#144263;background:url(image/dev.png) no-repeat;height:60px;line-height:60px;padding-left:15%;}
.pile{color:#144263;background:url(image/pile.png) no-repeat;height:60px;line-height:60px;padding-left:20%;}
.titre_rss{color:#2ba4f5;height:23px;font-weight:normal;margin-left:20px;background:url(image/rss.png) no-repeat bottom left; padding-left:35px;}
#formule{background:url(image/formule.png) no-repeat;width:200px;height:52px;color :#D9D9D9;padding-left:20px;}
#email{background:url(image/email.png) no-repeat;width:200px;height:52px;color :#D9D9D9;padding-left:20px;}
#galerie-index input {border:none;}
#submit{background:url(image/submit.png) no-repeat left bottom;width:137px;height:52px;font-size:1.4em;color :#D9D9D9;cursor:pointer;}
#submit :hover{background:url(image/submit.png) no-repeat left top;width:137px;height:52px;}
.devis{clear:both;color:#fff;position:relative;top:30px;background:url(image/savoir.png)no-repeat;padding-left:10px;line-height:25px;width:142px;height:25px;margin-left:50px;}
.devis a {color:#fff;margin-left:20px; }
.savoir{display:block;color:#144263;background:url(image/btn_savoir.png) no-repeat;padding-left:15px;line-height:45px;width:223px;height:45px;margin-left:40px;font-size:0.9em;}
.savoir_cont{display:block;color:#dda356;background:url(image/form.png) no-repeat bottom left ;line-height:20px;width:170px;height:30px;margin-left:20px;font-size:0.9em;}
.puce_identite{color:#144263;background:url(image/design.png) no-repeat;height:60px;border-bottom:#61b1ed 2px solid;line-height:60px;font-weight:normal;padding-left:17%;font-size:1.2em}
.accepte{background:url(image/accepted.png) no-repeat;height:25px;padding-left:25px;line-height:25px;}
.accepte :hover{text-decoration:underline;color:#dda356;}
#service-internet a {color:#ff06ff;}
.developpement{background:#D9D9D9 url(image/dev-site.png) no-repeat;color:#144263;height:105px;width:100%;line-height:105px;font-weight:normal;padding-left:20%;font-size:1.6em;position:absolute;bottom:-20px;left:0;}
/****devis*****/
#devis {float:left;width:80%;margin-left:10%;}
#partenaire{height:100px;width:100%;padding-left:1%;padding-right:1%;}
#partenaire p {margin-right:10px;}
#description-service{float:left;margin-top:-15px;height:492px;}
#galerie-index {width:100%;height:280px;}
/**service-internet***/
#service-internet{width:950px;clear:both;position:relative; top:40px;margin-left:50px;height:150px;}
.service{position:relative;top:-10px;}
#service-internet p{width:150px;}
#presentation{margin-left:100px;}
#spec{width:800px;display:block;margin:auto;}
.description{float:left;width:200px;}
.part{float:left;height:120px;width:210px; border-right:#ccc 1px solid;}
/****prestations-services****/
#offre{clear:both;width:98%;color:#fff;margin-left:auto;margin-right:auto;height:400px;font-size:0.9em;}
.module_site{float:left;margin-left:12px;margin-right:12px;width:220px;height:250px;}
.module_site h3, .service h3{text-align:center;}
#prestdesign{float:left;width:100%;color:#1a1a1a;}
.prest_g{float:left;width:48%;}
.prest_d{float:left;width:48%;}
.prest{color:#000;font-size:14px;font-weight:bold;}
.list-parcours{margin-top:-70px;margin-left:300px;}
.list-parcours2{margin-top:-60px;margin-left:300px;}
.desc{text-align:justify;font-size:12px;margin-left:5%;padding-right:5%;}
.description_mod, .infos_module{width:80%;text-align:justify;border-bottom:#fff 1px solid;height:200px;}
.description_mod ul li{list-style:none;}
.tarif_mod{background:url(image/form.png) no-repeat bottom left ;width:170px;height:30px;padding-left:10px;line-height:30px;}
.image_mod{float:left;margin-right:20px;margin-bottom:10px;}
.retour_module{text-align:right;margin-right:20%;color:#dda356;}
.service{float:left;margin-left:12px;margin-right:12px;width:220px;height:400px;}
.tab{width:100px;}
/*news */
#news{float:left;margin-left:50px;width:70%;background:#D9D9D9;}
.cont_news{width:90%;text-align:justify;height:150px;}
#viadeoBlog{position:relative;top:-150px;left:180px;}
.news_article{clear:both;height:250px;border-bottom:#144263 1px dotted;}
.map{float:left;width:200px;height:150px;margin-right:10px;}
.select_cat{clear:both;height:80px;width:80%;text-align:justify;margin-left:10%;}
#map{width:90%;position:relative;margin-left:auto;margin-right:auto}
.agrandir{float:left;position:relative;top:20px;left:10%;color:#144263;background:url(image/btn_add.png)no-repeat;padding-left:4px;line-height:45px;width:235px;height:45px;}
#comments{float:right;position:relative;background:#D9D9D9;top:10px;width:25%;color:#1a1a1a;}
#comments p{text-decoration:none;}
#comments a{color:#144263;}
#comments a:hover{color:#1a1a1a;}
#comments h3{height:20px;width:90%;background:#D9D9D9;font-weight:normal;border-bottom:#144263 2px solid;}
.comment{background:url(image/comment.png) no-repeat;color:#ff06ff;text-decoration:none; padding-left:20px;margin-left:20px;}
#recherche{float:left;width:600px;text-align:justify;margin-left:70px;}
.actu{border-bottom:#ccc 1px dotted;color:#dda356;padding-left:20px;width:80%;}
.btn_golf{background:url(image/puce_golf.png) no-repeat; height:20px;padding-left:22px;line-height:20px;}
.btn_golf a{color:#7b9e0c;}
.part{height:120px;width:200px;border-bottom:#ccc 1px dotted;text-align:center;}
#presentation {float:left;width:200px;height:1490px;position:relative;top:45px;left:75px;background:#666;color:#fff;}
#presentation2 {float:left;width:200px;height:1490px;position:relative;top:45px;left:25px;background:#666;color:#fff;}
.important {margin-top:20px;display:block;width:530px;height:40px;color:#0099FF;}
.titre-plus{height:50px;width:800px;background:url(image/titre-plus.png) no-repeat;padding-left:50px;line-height:45px;}
.gest {border-bottom:#ff00ff 1px solid;}
#gestion{float:left;height:300px;width:90%;position:relative;left:45px;text-align:justify;}
.html5{position:relative;left:50px;}
dd{height:100px;}
.titre_actualite{background:url(image/drop_box.png) no-repeat  16% 0%;height:80px;width:80px;float:left;}
.module_site{float:left;margin-left:12px;margin-right:12px;width:220px;height:250px;}
.module_site h3, .service h3{text-align:center;}
.img_mobile{float:left;margin-right:20px;list-style:none;}
/***Formulaire contact****/
#contact{float:left;width:90%;margin-top:10px;margin-left:5%;}
.formul{width:150px;float:left;font-weight:bold;color:#dda356;}
.error-message{color:#FF0000;}
.contact{width:300px;margin-right:50px;height:20px;float:left;}
.message{width:90%;height:150px;}
.slider{float:left;margin-right:10px;}
#projet{width:350px;margin:auto;}
.label{width:250px;height:20px;display:block;float:left;font-weight:bold;}
.choix{width:100px;height:20px;display:block;float:left;}
.oblig{width:250px;height:20px;display:block;float:left;color:#dda356;}
.error-message{color:#f00;}
.checkbox{float:left;margin-right:20px;}
.input{width:300px;}
#mention{float:left;position:relative;top:25px;left:50px;}
.form_message{background:url(image/form_message.png) no-repeat; width:400px;height:50px;border:none;text-decoration:none;}
#form_audit{width:100%;}
/***reseaux-sociaux***/
.reseaux_sociaux{clear:both;width:100%;height:150px;}
.reseaux_sociaux h2{width:50%;margin-left:50px;color:#144263;}
#mobile{padding-left:1%;width:30%;float:left;border-right:1px #333 dotted;}
#mobile h3{background:url(image/bg_mobile.png) top left no-repeat;width:86px;height:26px;line-height:26px;color:#fff;text-align:center;margin-top:0;padding-top:0;}
.acces_mobile{width:145px;height:100px;text-align:justify;padding:0 10px 0 10px;float:left;margin-left:50px;}
.img_mobile{float:left;}
#facebook{width:29%;float:left;border-right:1px #333 dotted;padding:0 10px 0 10px;}
.img_facebook{padding-left:20px;}
#twitter{width:35%;float:left;border-right:1px #333 dotted;padding:0 10px 0 10px;}
.img_twitter{padding-left:20px;}
/***footer ***/
#footer {clear:both;width:100%;font-size:0.9em;margin-top:10px;border-top:#dda356 4px solid;height:230px;padding-top:10px;color:#fff;background:#1a1a1a;}
#footer a {color:#ccc;font-size:0.9em;}
#footer a:hover{color:#dda356;}
#footer p{clear:both;text-align:center;margin-top:30px;display:block;}