body{background:#2ba4f5;margin:0;padding:0;font-family :Tahoma, verdana, arial, sans serif;font-size :12px;color:#666;}
html{padding:0;margin:0;}
a{text-decoration:none;color:#fff;} a img{border:none;}
a:hover{color:#2ba4f5;}
td {font-size :12px;}
ul li {list-style:none;}
label {display:block;width:150px;float:left;}
#global {position:relative;margin-left:auto;margin-right: auto;width:1024px;text-align:left;}
#haut{height:30px;margin:0;padding:0;}
.log{text-align:center;}
#fb-root{color:#fff;}
/*header*/
#menuh{float:left;height:30px;color:#ccc;width:100%;}
#menuh ul li{list-style:none;float:left;position:relative;left:220px;top:-5px;display:block;width:150px;text-align:center;font-size:14px;}
#menuh ul li a{display:block;text-decoration:none;height:20px;color:#ccc;text-align:center;font-size :10px;} 
#menuh ul li a:hover{color:#666;}
#header2{margin:0;padding-top:40px;border-top:#fff 4px solid;width:100%;height:232px;}
#header2 img{position:relative;top:50px;left:500px;}
#header2 h1{position:relative;left:80px;color:#000;font-weight:normal;width:400px;}
#header2 h3{position:relative;top:5px;left:80px;color:#fff;font-weight:normal;width:300px;}
#titre-h{position:absolute;top:60px;left:350px;background:url(image/logo-header.png) no-repeat top left;width:77px;height:90px;}
#animflash{position:relative;left:50px;}
.rss {text-decoration:none;background:url(image/badge_rss.png) no-repeat;}
/****titre du header*****/
#titre2{position:absolute;top:70px;left:300px;}
#menu2 {display:block;margin:0;padding:0;position:relative;left:10px;width:100%;height:35px;}
#menu2 ul li{margin-top:-12px;list-style:none;float:left;display:block;width:155px;height:35px;text-align:center;}
#menu2 ul li a{margin:0;padding:0;font-size:12px;text-decoration:none;line-height:35px;color:#fff;text-align:center;height:35px;display:block;width:155px;background:url(image/fond3.jpg)left top no-repeat;}
#menu2 ul li a:hover{color:#ccc;}

/*conteneur*/
#cont2{width:1024px;height:700px;background:#fff url(image/border2.jpg) repeat-y;margin-bottom:20px;margin-top:37px;}
#conteneur3{margin:auto;width:1024px;height:1700px;margin-top:38px;background:#fff url(image/border2.jpg) repeat-y;}
/***galerie maquette portfolio****/
#gal_webd{width:750px;height:300px;margin-left:50px;margin-top:50px;clear:both;}
#gal_webd a{color:#ff06ff;margin:auto;}
#gal_webd a:hover{color:#0099FF;}
#portfolio{width:700px;float:left;height:650px;position:relative;}
#module{width:235px;float:left;margin-left:40px;height:650px;}
#module a{color:#ccc;}
#cv{width:680px;height:300px;margin-left:50px;}
#demande-devis{position:relative;top:-210px;width:700px;}
.fieldset{width:650px;height:520px;}
legend{color:#4799de;}
#devis-ligne{margin-left:30px;}
.devis-ligne{width:200px;height:30px;line-height:20px;display:block;float:left;}
td.projet{margin:auto;text-align:center;}
#plan{float:left;position:relative;top:25px;left:50px;width:700px;height:1050px;}
#plan h3{margin-left:100px;margin-top:50px;}
#plan ul li a {background:url(image/fleche2.jpg) no-repeat;color:#666;padding-left:30px;height:50px;display:block;text-align:left;}
#plan ul li {display:block;height:50px;padding-left:20px;}
/***mention legales*****/
#mention{float:left;position:relative;top:25px;left:50px;width:750px;height:1050px;}
#mention h3{margin-left:100px;margin-top:50px;}
#mention p {margin-left:100px;}
/***texte dans portfolio*****/

#blog_g, #blog_d{float:left;width:360px;}
#web_design, #web_marketing,#web_developpeur,#web_projet{position:relative;top:15px;left:50px;padding:0 30px;text-align:justify;border-right:#ccc 1px dotted;}
.select_cat{height:50px;width:600px;text-align:justify;margin-left:50px;}
.select_article{height:500px;width:535px;text-align:justify;margin-left:50px;border:1px #ccc solid;padding:10px;}
.titre{color:#2ba4f5;height:30px;line-height:30px;font-weight:normal;margin-left:20px;border-bottom: 2px #ccc solid;}
#services{clear:both;}
.paragraphe{background:url(image/puce.jpg) no-repeat; padding-left:20px;}
#galerie {width:680px;height:200px;margin-left:50px;clear:both;}
#galerie a{display:block;float:left;color:#fff;background:#64befa;width:15px;height:15px;line-height:15px;text-align:center;}
#galerie a img, #gal_webd a img{border:solid 2px #2ba4f5;}
#galerie a:hover img,#galerie a.courant img,#gal_webd a img:hover{border:solid 2px #ccc;}
#services h3{position:relative;top:30px;left:170px;font-weight:normal;color:#2ba4f5;}
#pagination{clear:both;height:20px;}
.pagination{height:15px;width:15px;background:#fff;color:#64befa;margin-right:5px;margin-top:10px;float:left;text-align:center;line-height:15px;}
.pagination:hover{background:#fff;color:#64befa;}
.realisation{float:left;margin-top:20px;margin-right:20px;text-align:center;width:150px;height:100px;}
/*news */
#news{float:left;width:700px;height:1150px;margin-left:50px;}
#news h1{font-size:25px;}
#news h4{float:left;font-size:15px;color:#2ba4f5;font-weight:normal;background:url(image/fleche2.jpg) no-repeat;width: 210px;height:22px;line-height:22px;border:none;padding-left:30px;}
#news p .date {background:url(image/calendar.png) no-repeat;height:16px;display:block;color:#000;padding-left:20px;padding-bottom:20px;border-bottom:1px #ccc solid;margin-left:50px; }
.cat{float:right;margin-right:100px;height:22px;font-size:15px;color:#000;margin-top:20px;}
.img {clear:both;width:545px;height:104px;margin-left:50px; }
.savoir{display:block;color:#fff;background:url(image/savoir.png)no-repeat;padding-left:40px;line-height:25px;width:142px;height:25px;margin-left:40px;font-size:11px;}
.map{float:left;width:200px;height:150px;margin-right:10px;}
#map{height:200px;}
.agrandir{float:left;position:relative;top:20px;left:20px;color:#fff;background:url(image/savoir.png)no-repeat;padding-left:40px;line-height:25px;width:142px;height:25px;font-size:11px;}

/*devis*/
#devis {float:left;width:900px;margin-left:50px;}
#cont2 ul li{list-style:none;height:30px;}
#contact{float:left;width:800px;margin-top:15px;margin-left:50px;}
.devis{width:200px;margin-right:50px;height:20px;float:left;background:url(image/btn.png)no-repeat;}
.label{width:160px;height:20px;display:block;float:left;font-weight:bold;}
.choix{width:100px;height:20px;display:block;float:left;}
.oblig{width:160px;height:20px;display:block;float:left;color:#2ba4f5;}
.error-message{color:#f00;}
.checkbox{float:left;margin-right:20px;}
.input{width:200px;}
#message{width:500px;height:100px;}
#comments{float:left;width:200px;background:#666;color:#fff;margin-top:30px;margin-left:10px;}
#comments p{text-decoration:none;}
#comments a:hover, #animflash3 a:hover {color:#2ba4f5;}
#comments h3{height:35px;background:#dfeeff url(image/bg_cont1.jpg) repeat-x;padding-left:20px;font-weight:normal;line-height:40px;position:relative;top:-15px;}
.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;}
#animflash3 h3{height:35px;background:#dfeeff url(image/bg_cont1.jpg) repeat-x;padding-left:20px;font-weight:normal;position:relative;top:-15px;}
.actu{height:30px;border-bottom:#ccc 1px dotted;padding-left:20px;background:url(image/comment.png) no-repeat;margin-left:10px;}
.part{height:120px;width:200px;border-bottom:#ccc 1px dotted;text-align:center;}
.couleur{color:#0099FF;}
#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 {height:30px;line-height:30px;border-bottom:#ccc 1px dotted;font-weight:bold;width:750px;}
#gestion dd {margin:5px;}
#gestion{float:left;height:300px;width:700px;position:relative;left:45px;text-align:justify;}
#gestion p{margin-left:50px;}
.html5{position:relative;left:50px;}
/*prestations-services*/
#prest_d ul li{height:50px;background:url(image/puce.jpg) no-repeat;padding-left:25px;font-size:12px;margin-left:20px;}
#prest{float:left;width:100%;height:700px;margin-left:50px;}
#prest_g{float:left;width:450px;margin-left:50px;}
#prest_d{float:left;width:400px;height:1682px;margin-left:20px;background:url(image/border-g.jpg) repeat-y;}
#prest_design{height:580px;background:url(image/border.gif) repeat-y;}
#prest ul {width:300px;text-align:justify;list-style:none;margin-left:15px;}
#prest_d img {display:block;width:50px;margin-left:50px;}
#prest .number{color:#666;padding-top:25px;padding-left:40px;}
#prest h3 {width:300px;}
#prestdesign{width:100%;}
.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;height:320px;font-size:12px;margin-top:20px;margin-left:20px;padding-right:10px;}
/*offre premier site */
#offre{width:900px;height:480px;position:relative;left:40px;}
#offre  ul{list-style:none}
#devis-offre{margin-left:40px;width:900px;}
#acces-offre{position:relative; top:30px;left:50px; font-size:11px;}
#acces-offre td{font-size:12px;}

.premier-site{width:500px;text-align:justify;margin-left:50px;background:url(image/puce.jpg) no-repeat; padding-left:20px;}
.premier-site ul li{list-style-type:square;}
.detail-site{width:500px;text-align:justify;margin-left:50px;clear:both;}
#diapo{width:500px;height:242px;border:#ddd 4px solid;margin:auto;}
.decalage{margin-left:50px;background:url(image/puce.jpg) no-repeat; padding-left:20px;}
#prest2{width:550px;height:150px;position:relative;left:40px;}
#cont2 a{color:#0099FF;}
#dev{position:relative;top:20px;color:#666;width:730px;}
#dev h3{font-weight:normal;}
#dev a{padding: 10px 10px;color:#666;text-align:center;clear:both;}
#dev a.wactive{padding: 10px 10px;background:url(image/button.png) no-repeat;text-align:center;color:#fff;}
#dev a.wactive:hover{color:#fff;}
#dev a:hover{color:#0099FF;}
.formul-offre{width:200px;text-align:center;}
.decal-contact{margin-left:30px;}
#offre input[type=text] {width:200px;}
.realisations{float:left;margin-left:50px;}
.description-site{float:right;margin-left:20px;width:300px;height:200px;border-left: #ccc 1px solid;padding-left:20px;}
.realisation-site{clear:both;height:200px;width:800px;margin-left:40px;}
/****caroussel ****/
#caroussel{width:712px;height:300px;border:#ccc 5px solid;margin:0 auto;position:relative;overflow:hidden;background:#fff;}
.slider{float:left;margin-right:20px;}
.tarif{float:right;padding-right:20px;}
.slide{position:absolute;top:0px;left:0px;width:712px;height:300px;}
.title{height:50px;width:700px;padding-left:12px;color:#fff;line-height:50px;position:absolute;bottom:-20px;left:0px;background:url(image/title.png) top left  repeat;}
.navigation{position:absolute;bottom:50px;right:0px;}
.navigation span {background:#64befa;color :#fff;margin-right:2px;padding: 2px 4px;cursor:pointer;}
.navigation span:hover, .navigation span.active{background:#fff;color:#64befa;padding: 2px 4px;}

/**footer***/
#footer {clear:both;width:100%;color:#fff;margin-top:-5px;height:230px;padding-top:10px;color:#FFF;}
#footer a {color:#fff;text-align:center;}
#footer ul li {list-style:none;}
#footer h1{font-size:18px;border-bottom:#fff 2px dotted;height:30px;background:url(image/puce-logo.png) no-repeat; padding-left:30px;}
.bloc {float:left; width:290px;display:block;margin-left:250px;}
.bloc_twitt  a {width:157px;height:99px;display:block;background:url(image/twitt-1.png) no-repeat;background-position:top left;}
.bloc_twitt {width:157px;height:99px;margin-left:200px;}
.bloc_twitt a:hover {width:157px;height:99px;display:block;background:url(image/twitt-1.png) no-repeat;background-position:bottom left;}
.description{float:left;width:200px;}
#spec{width:800px;display:block;margin:auto;}
#footer a:hover{color:#ccc;}
#footer p{clear:both;text-align:center;margin-top:30px;display:block;}