/* INFOS GENERALES */
* {margin:0; padding:0;}
body,html {font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#ffffff; background-image:url("images/bodybg.gif"); background-repeat:repeat;}
img {border:0px;}
legend {display:none;}
ul,li,ol {list-style-type:none; display:inline;}
a {font-size:12px; position:relative;}
input, select, textarea {border: #FD9030 solid; border-width: 1px 1px 1px; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#666666;}
input {width:287px;}
input[type="image"] {width:103px; border-width:0px 0px 0px;}


/*BLOC GENERAL*/
div#arche {width:100%; padding-top:30px;}
div#arche div#milieu {background-image:url("images/fond_milieu.gif"); background-repeat:repeat-x; width:100%; height:520px; background-position:bottom;}

/*HEADER*/
div#arche div#milieu div#header {width:880px; height:67px; margin:0 auto;}
div#arche div#milieu div#header div#logo {float:left; width:348px;}
div#arche div#milieu div#header div#menu {float:left; width:532px; padding-top:23px;}
div#arche div#milieu div#header div#menu ul li {background-image:url("images/fond_menu.png"); background-repeat:no-repeat; width:133px; height:58px; display:block; float:left;}
div#arche div#milieu div#header div#menu ul li a {color:#FFF; font-weight:bold; text-decoration: none; text-align:center; display:block; padding-top:30px; padding-right:21px;}
div#arche div#milieu div#header div#menu ul li a.souligne {color:#585757; font-weight:bold; text-decoration: none;}
div#arche div#milieu div#header div#menu ul li a:hover {color:#585757; font-weight:bold; text-decoration:none;}

/*CONTENT*/

/*HOME*/ /*VOTRE PROJET*/ /*SOLUTIONS*/
div#arche div#milieu div#content {clear:both; height:385px; width:100%;}
div#arche div#milieu div#content {background-image:url('images/forme2.jpg'); background-repeat:no-repeat; background-position:top right;}
div#arche div#milieu div#content div#contenu {width:880px; margin:0 auto; height:385px; padding-top:5px;}
div#arche div#milieu div#content div#contenu div#illustration {float:left; background-image:url("images/image_home3.jpg"); background-repeat:no-repeat; width:414px; height:288px; border-right-color:#FFFFFF; border-width:1px; padding-right:40px;}
div#arche div#milieu div#content div#contenu div#illustration_solutions {float:left; background-image:url("images/image_solutions.jpg"); background-repeat:no-repeat; width:414px; height:288px; border-right-color:#FFFFFF; border-width:1px; padding-right:40px;}
div#arche div#milieu div#content div#contenu div#illustration_votreprojet {float:left; background-image:url("images/image_votreprojet.jpg"); background-repeat:no-repeat; width:414px; height:288px; border-right-color:#FFFFFF; border-width:1px; padding-right:40px;}
div#arche div#milieu div#content div#contenu div#lecontenu {float:left; padding-left:38px; margin-top:7px; width:386px; border-left-style:dashed; border-left-color:#FFFFFF; border-left-width:1px;}
div#arche div#milieu div#content div#contenu div#lecontenu h1 {font-size:14px; color:#FD9030;}
div#arche div#milieu div#content div#contenu div#lecontenu p {margin-top:15px; text-align:justify;}
div#arche div#milieu div#content div#contenu div#lecontenu p span {font-weight:bold;}
div#arche div#milieu div#content div#contenu div#lecontenu p a {font-size:11px; color:#FFFFFF;}
div#arche div#milieu div#content div#contenu div#references_home {clear:both; padding-top:100px; padding-right:50px;}
div#arche div#milieu div#content div#contenu div#references_home h2 {font-size:14px; color:#FD9030;}
div#arche div#milieu div#content div#contenu div#references_home p {float:left; margin-top:15px; color:#585757; width:190px;}
/*div#arche div#milieu div#content div#contenu div#references_home p img {float:left; padding-right:20px;}*/
div#arche div#milieu div#content div#contenu div#references_home p a {font-size:11px; color:#585757;}
div#arche div#milieu div#content div#contenu div#references_home p span {font-weight:bold;}
div#arche div#milieu div#content div#contenu div#references_home div#flashcontent {float:left; text-align:right;}


/*CONTACT*/
p#obligatoires {}
div#arche div#milieu div#content div#contenu div#illustration_contact {float:left; background-image:url("images/image_contact.jpg"); background-repeat:no-repeat; width:414px; height:288px; border-right-color:#FFFFFF; border-width:1px; padding-right:40px;}
div#arche div#milieu div#content div#contenu div#lecontenu form fieldset, div#arche div#content div#contenu div#lecontenu form legend {margin:0;border:none;}
div#arche div#milieu div#content div#contenu div#lecontenu form fieldset p {margin-top:7px;}
div#arche div#milieu div#content div#contenu div#lecontenu p#msgenvoye {text-align:left;}
ul#erreurform {color:#FF0000;}

/*MENTIONSLEGALES*/
div#arche div#milieu div#content div#contenu div#mentionslegales {background-image:url("images/copyright.png"); background-repeat:no-repeat; background-position:top right; width:100%;}
div#arche div#milieu div#content div#contenu div#mentionslegales h1 {font-size:14px; color:#FD9030;}
div#arche div#milieu div#content div#contenu div#mentionslegales p a {font-size:11px; color:#FFFFFF; position:relative;}

/*REFERENCES*/
div#arche div#milieu div#content div#contenu div#pflow {width:100%;}
div#arche div#milieu div#content div#contenu div#illustration_references {float:left; height:375px; width:430px;}
div#arche div#milieu div#content div#contenu div#illustration_references img {width:75%; height:75%;}
div#arche div#milieu div#content div#contenu div#lecontenu_references {float:left; padding-left:25px; margin-top:0px; width:250px; height:281px; border-left-style:dashed; border-left-color:#FFFFFF; border-left-width:1px;}
div#arche div#milieu div#content div#contenu div#lecontenu_references h1 {font-size:14px; color:#FD9030;}
div#arche div#milieu div#content div#contenu div#lecontenu_references p {margin-top:15px; text-align:justify;}
div#arche div#milieu div#content div#contenu div#lecontenu_references p span {font-weight:bold;}
div#arche div#milieu div#content div#contenu div#lecontenu_references p a {font-size:11px; color:#FFFFFF;}

div#arche div#milieu div#content div#contenu div#references {clear:both; padding-left:10px; width:100%;}
div#arche div#milieu div#content div#contenu div#references h1 {font-size:14px; color:#FD9030;}
div#arche div#milieu div#content div#contenu div#references p {float:left; margin-top:15px; padding-right:10px; margin-left:10px; color:#585757; border-right-style:dashed; border-right-color:#585757; border-right-width:1px;}
div#arche div#milieu div#content div#contenu div#references p a {font-size:11px; color:#585757;}
div#arche div#milieu div#content div#contenu div#references p span {font-weight:bold;}


/*FOOTER*/
div#arche div#milieu div#footer {clear:both; width:880px; margin:0 auto; text-align:center; padding-top:10px;}
div#arche div#milieu div#footer ul li {padding-left:20px; color:#FD9030;}
div#arche div#milieu div#footer ul li a {color:#FD9030; font-weight:bold; text-decoration: none;}
div#arche div#milieu div#footer ul li a.souligne {color:#FD9030; text-decoration:underline;}
div#arche div#milieu div#footer ul li a:hover {color:#FD9030; text-decoration:underline;}