h4{color:#878787;}
p{color:#535353;}
ul{list-style:none;}
body{background-color:#fff;}
a {border:0;text-decoration:none;outline:none;}
img{border:none;}

.separate{width:700px;height:2px;background-color:#e2a53b;margin:auto;}
.separate2{height:1px;background-color:#FFF;width:325px;margin-bottom:5px;}
.title{color:#FFF;background-image:url(../images/box-mid.jpg);width:100px;height:20px;text-align:center;padding-top:25px;padding-bottom:35px;}
.txt{color:#FFF;padding-right:18px;padding-left:18px;text-align:justify;background-image:url(../images/box-mid.jpg);}
.txt p{color:#FFF;font-size:12px}
.txt ul li a{cursor:pointer;}
.box-bot{background-image:url(../images/box-bottom.jpg);height:17px;}
.lettrine{font-size:22px;color:#000;}

.orange{color:#e2a53b;}

#global{margin:auto;;width:960px;}
#global #header{width:960px;height:167px;}
#global #txtIntro{width:700px;margin:auto;font-size:14px;text-align:justify;padding-bottom:5px;}

#global #block{width:200px;margin:auto;margin-top:15px;margin-bottom:15px;}

#global #block #col1{float:left;width:100px;}
#global #block #col1 #box-top1{background-image:url(../images/box-topProg.jpg);height:60px;}

#global #block #middle{width:90px;float:left;height:30px;}
#global #block #middle #line{width:1px;background-color:#001324;margin:auto;height:10%;margin-top:45px;}

#global #block #col2{float:left;width:268px;}
#global #block #col2 #box-top2{background-image:url(../images/box-topProjet.jpg);height:56px;margin-top:4px;}

#global01{margin:auto;;width:500px;}
#global01 #block{width:200px;margin:auto;margin-top:15px;margin-bottom:15px;}
#global01 #block #col{float:left;width:100px;}

#partenaires{width:700px;margin:auto;padding-top:5px;}
#partenaires h1{color:#535353;font-size:14px;font-weight:normal;}
#logo{width:700px; margin:auto;height:45px;padding-top:5px;}

#global #contact{background-image:url(../images/contact.jpg);width:960px;height:76px;}
#global #contact:hover{background-image:url(../images/contact-up.jpg);width:960px;height:76px;}
#global #portfolio{background-color:#001324;width:960px;height:308px;text-align:center;}

#global #footer{background-image:url(../images/footer-bottom.jpg);width:960px;height:206px;padding-top:20px;}
#global #footer #txtfooter{color:#FFF;width:690px;margin:auto;font-size:12px;height:166px;}
#global #footer #txtfooter #col21{float:left;width:345px;}
#global #footer #txtfooter #col22{float:left;width:345px;}
#global #footer #signature{font-size:9px;color:#FFF;text-align:right;float:right;padding-top:10px;padding-right:5px;}
#global #footer #griffe{float:right;}


#BlocContact{width:688px;margin:auto;margin-top:10px;}
#BlocContact #midlle{background-image:url(../images/BlocContactMid.jpg);padding-left:20px;}
#BlocContact #midlle textarea{border:none;}

#TopFoot{background-image:url(../images/topfoot.jpg);width:960px;height:53px;}


/* Partie formulaire contact  */
#form_contact {background:url(../images/formulaire.jpg) no-repeat 25px 8px #001324;width:570px;}
#form_contact textarea {margin-left:25px;padding-left:5px;padding-right:5px;padding-top:15px;}
#form_contact input[type=text] {height:27px;font-size:17px;display:inline;padding-left:5px; padding-right:5px;}
#form_contact #nom{margin-left:160px;margin-top:8px;}
#form_contact #prenom{margin-left:160px;margin-top:10px;}
#form_contact #societe{margin-left:160px;margin-top:12px;}


#erreur  {background:url(../images/error.png) no-repeat 25px 8px;padding-left:150px;color:white;margin-bottom:10px;border:dashed 1px white;width:470px;font-size:14px;min-height:80px;padding-top:15px; }


#msg_info  {background:url(../images/valider.png) no-repeat 25px 8px;padding-left:150px;color:white;margin-bottom:10px;border:dashed 1px white;width:470px;font-size:14px;min-height:80px;padding-top:15px; }



#integration , #backoffice, #test , #gestioncms , #ecommerce, #flash {display:none;width:765px;margin-left:120px;margin-top:20px;clear:both;}
#entreprises, #universites, #creation_ent, #cahiercharge, #planning, #suivi, #hebergement, #conceptiondevis {display:none;width:765px;margin-left:0px;margin-top:10px;clear:both;}

.txt {min-height:50px;}
.txt ul li {padding:2px 0px;}
.txt ul li a{color:cornflowerblue;font-size:14px;text-align:left;}
.txt ul li a:hover{color:lightsteelblue;}
.txt ul li a.active{color:#28C6D1;}

.txt01 p{color:#FFF;font-size:14px}
.txt01 {min-height:50px;}
.txt01 ul li {padding:8px 0px;}
.txt01 ul li a{color:cornflowerblue;font-size:14px;text-align:left;}
.txt01 ul li a:hover{color:lightsteelblue;}
.txt01 ul li a.active{color:#28C6D1;}

.photo_gauche {float:left;width:200px;}
.photo_gauche01 {color:cornflowerblue; float:left;width:400px;}
.description_categorie {float:left;width:200px;margin-left:15px;}
.description_categorie p {font-size:14px;}
.description_categorie p:first-letter { color:#000000;font-size:22px; }

.description_ref {float:left;width:80px;margin-left:5px;}
.description_ref p {font-size:14px; color:lightsteelblue;}

a.mrgn_l_25 {margin-left:25px;}
div.clear{clear:both;}