/* CSS Document */

body {
margin: 0;
padding: 0;
font-family: Arial;
font-size: 12px;
text-align: center; 
background-color: #F6E5D9;
color:#400939;
}

/* ======== Liens ======= */
a {color:#000; text-decoration:underline;}
a:hover {color:#000; text-decoration:none;}

/* ====================== Container de fond ============================ */
#containerall {
text-align:center;
margin:0px auto;
height:100%;
width:100%;
padding:0px;
background-image: url(images/background.jpg);
background-repeat: no-repeat;
background-position: center top;
z-index: 1;
min-width:990px;
}

/* ====================== Container de page ============================ */
#container {text-align:left; margin:0px; height:100%; width:100%; padding:0px; z-index: 2; min-width:990px;}

/* pubs originales */
#arthur {position:absolute; top:300px; left:485px; font-size:11px;}
#arthur a {color:#C1B3B3; text-decoration:underline;}
#arthur a:hover {color:#C1B3B3; text-decoration:none;}
#rosie {position:absolute; top:300px; left:50px; font-size:11px;}
#rosie a {color:#3277BC; text-decoration:underline;}
#rosie a:hover {color:#3277BC; text-decoration:none;}
#chrysler {position:absolute; top:320px; left:370px; font-size:11px;}
#chrysler a {color:#291F21; text-decoration:underline;}
#chrysler a:hover {color:#291F21; text-decoration:none;}
#chesterfield {position:absolute; top:320px; left:340px; font-size:11px;}
#chesterfield a {color:#434F09; text-decoration:underline;}
#chesterfield a:hover {color:#434F09; text-decoration:none;}
#tide {position:absolute; top:320px; left:40px; font-size:11px;}
#tide a {color:#A0909E; text-decoration:underline;}
#tide a:hover {color:#A0909E; text-decoration:none;}

#pop1 {margin:0px; width: 270px; text-align: left; padding:15px; height:215px; background-color:#fff; position:absolute; left:50px; top:50px; opacity:0.7; -moz-opacity : 0.7; filter:alpha(opacity=70); border:1px solid; border-color:#000; display:none;}
#pop1 h2 {margin-top:0px; margin-bottom:0px; font-size:18px;}
#pop1 p {margin-top:0px;}
#pop1 .fermer {margin-top:24px; text-align:right; font-size:11px;}
#head {height:344px; margin:0px; padding:0px; background-image: url('images/webdesign.gif'); background-repeat: no-repeat; background-position: left top;}
#head_creation {height:344px; margin:0px; padding:0px; background-image: url('images/creation.gif'); background-repeat: no-repeat; background-position: left top; text-align:right;}
#head_referencement {height:344px; margin:0px; padding:0px; background-image: url('images/referencement.gif'); background-repeat: no-repeat; background-position: left top; text-align:right;}
#head_portfolio {height:344px; margin:0px; padding:0px; background-image: url('images/portfolio.gif'); background-repeat: no-repeat; background-position: left top; text-align:right;}
#head_contact {height:344px; margin:0px; padding:0px; background-image: url('images/contact.gif'); background-repeat: no-repeat; background-position: left top; text-align:right;}
.btn_accueil {margin-top:169px; border:0px;}
#separation {height:2px; margin:0px; padding:0px; background-color:#1B1B1C;}
#menu {height:45px; margin:0px; padding:0px; background-color:#E7D6BC; text-align:right; min-width:990px;}
#item {margin:0px; padding:0px; float:left; padding-top:8px; padding-left:20px;}
#item .lien {font-family: "Trebuchet MS"; font-size:23px; font-weight:bold; font-style:italic; text-decoration:none; color:#000; letter-spacing:-1px;}
#item .lien:hover {font-family: "Trebuchet MS"; font-size:23px; font-weight:bold; font-style:italic; text-decoration:none; color:#ff0000; letter-spacing:-1px;}
#body {margin:0px; padding:0px; background-image: url('images/google-good-value.jpg'); background-repeat: no-repeat; background-position: right top; padding-top:295px; min-width:990px;}
#body_left {width:44%; margin:0px; float:left; padding:20px; line-height:22px; margin-top:-305px; margin-right:40px; padding-bottom:20px; min-width: 470px; min-height:480px;}
#body_left .title {line-height:40px; color:#ff0000; font-weight:bold; font-size:44px; margin-top:10px;}
#body_left .titletint {color:#000;}

/* pages */
#body_p_gauche {margin:0px; padding:0px; padding-top:295px; min-width:990px;}
#body_p_gauche .sstitle {font-size:18px; font-weight:bold; text-align:justify;}
#body_p_droite {width:44%; margin-top:-218px; float:left; min-width:390px; line-height:22px; text-align:justify;}
#body_p_droite .sstitle {font-size:18px; font-weight:bold; text-align:left;}
#body_left_p {width:45%; margin:0px; float:left; padding:20px; line-height:22px; margin-top:-305px; margin-right:40px; padding-bottom:20px; min-width: 390px; min-height:480px; text-align:justify;}
#body_left_p .title {line-height:40px; color:#ff0000; font-weight:bold; font-size:44px; margin-top:0px; margin-bottom:18px; padding-top:10px;text-align:left;}
#body_left_p .titletint {color:#000;}
#body_left_portfolio {margin:0px; float:left; padding:20px; line-height:22px; margin-top:-305px; margin-right:40px; padding-bottom:20px; min-width: 390px; min-height:480px; text-align:justify;}
.example {border:2px solid; border-color:#E2C3AE;}
.ex {width:450px;}
.requete {width:226px; border:1px solid; border-color:#E8D4C5; padding:5px; background-color:#FAEEE5; margin-right:7px; float:left;}
.requete:hover {width:226px; border:1px solid; border-color:#E8D4C5; padding:5px; background-color:#FBF3EE; margin-right:7px; float:left;}
.client {width:170px; padding:7px; float:left; font-style:italic; font-weight:bold; text-align:left;}
.client_nom {color:#C09E86; font-style:normal; font-weight:normal;}
.google {color:#51B9F4; text-decoration:underline;}
.google:hover {color:#51B9F4; text-decoration:none;}
.resultat_req {width:450px; margin-bottom:15px;}

/* Portfolio */
#portfolio_ref {width:100%; min-width:436px; background-color:#F9EEE6; padding:10px; border:1px solid; border-color:#BA9F8D; float:left; margin-bottom:15px;}
#portfolio_ref p {margin:0px;}
.portfolio_thumb {border:1px solid; border-color:#000; margin-right:10px;}
.portfolio_explic {}
.portfolio_lien {color:#35ADF2; font-size:17px; font-weight:bold; text-decoration:underline;}
.portfolio_lien:hover {color:#35ADF2; font-size:17px; font-weight:bold; text-decoration:none;}

#coord {background-color:#EAD6C7; padding:15px; border:1px solid; border-color:#E2C3AE;}
.tel {font-size:30px; font-weight:bold; font-style:italic; color:#9B7861; padding:0px; margin:0px;}
.email {font-size:20px; font-weight:bold; text-decoration:underline; padding:0px; margin-bottom:0px;}

#body .title2 {line-height:22px; color:#102E1B; font-weight:bold; font-size:24px; margin-top:5px; margin-bottom:12px; padding:0px;}
#last_job {text-align:left; background-color:#E2C3AE; width:100%; float:left; background-image: url('images/vintage_last_bottom.jpg'); background-repeat: no-repeat; background-position: left bottom; padding-bottom:130px; min-width:990px;}
#last_g {color:#000; font-size:12px; line-height:18px; text-align:left; padding-left:20px; padding-right:15px; width:45%; float:left; padding-top:20px; padding-bottom:20px; margin-right:2%;}
#last_g .projet {color:#000; font-weight:bold; font-size:40px; margin-top:0px; margin-bottom:15px; line-height:40px; font-style:normal; letter-spacing:-2px;}
#last_g .detailprojet {padding-left:190px;}
#last_g .subtitle {margin-top:10px; margin-bottom:0px; font-size:20px; font-weight:bold; font-style:italic; line-height:22px;}
#last_g p {margin-top:10px; margin-bottom:0px;}
#last_g ul {list-style-image:none; list-style-position:outside; margin:0px; padding:0px; margin-left:15px;}
#last_g li {margin:0px;}
#last_d {color:#000; font-size:12px; line-height:18px; text-align:left; padding-left:10px; padding-right:0px; width:47%; float:left; padding-top:15px; padding-bottom:15px;}
#last_d img {border:1px solid; border-color:#000; margin-right:15px;}
#last_d p {margin-top:0px; text-align:justify;}
#last_d h3 {margin-top:10px; margin-bottom:0px; font-size:20px; font-weight:bold; font-style:italic; line-height:22px;}
#footer {line-height:12px; margin:0px; padding:0px; text-align:left; color:#BFB2A9; margin-top:20px; margin-bottom:20px; padding-bottom:20px; font-size:12px; width:90%; float:left; padding-left:20px;}
#footer a {color:#9C8B7F; text-decoration:underline;}
#footer a:hover {color:#9C8B7F; text-decoration:none;}

/* GFI */
#poplayer {left:0; top:0; margin:0; height:1700px; position:absolute; width:100%; display:none; z-index:1000; background-color:#000; opacity:0.7; -moz-opacity : 0.7; filter:alpha(opacity=70);}
#contenu_video {margin:0px auto; position:relative; width:560px; top:200px;}
#contenu_video .entete_video{padding:10px; text-align:right;}
#contenu_video a {color:#fff; text-decoration:none; font-size:14px; font-weight:bold;}
#contenu_video a:hover {color:#fff; text-decoration:none; font-size:14px; font-weight:bold;}