#nouveausite { position:absolute; left:0; top:0;}

body{margin:auto; background:url(image/fond_global.jpg) top no-repeat; text-align:center; background-color:#130a0f; color:#FFF; font-family:Arial, Helvetica, sans-serif; font-size:11px; position:relative;}
.rose {color:#D7487A;}



																/* POSITION SQUELETTE */
#global	{width:980px; margin:auto;}
#content {padding-top:150px;}
#position_menu {padding-top:160px; padding-left:0px; }
#position_footer {clear:both; vertical-align:bottom;}
h1 {display:none;}	
h3 {display:inline;}
																
																
																/* MENU */

#menu { margin-left:410px; z-index:2;}
#menu a { text-decoration:none; color:#FFF; text-transform:uppercase; font-size:10px;}
#menu ul li {list-style:none; float:left; margin-left:50px;}

a.btn_accueil {background-image:url(image/menu/bt_accueil.gif); display:block; width:48px; }
a.btn_accueil:hover{background-image:url(image/menu/bt_accueil_on.gif); display:block; width:48px;}
a.current_accueil{background-image:url(image/menu/bt_accueil_on.gif); display:block; width:48px;}

a.btn_portfolio{background-image:url(image/menu/bt_portfolio.gif); display:block; width:81px; margin-bottom:20px;}
a.btn_portfolio:hover{background-image:url(image/menu/bt_portfolio_on.gif); display:block; width:81px;}
a.current_portfolio{background-image:url(image/menu/bt_portfolio_on.gif); display:block; width:81px; margin-bottom:20px;}

a.btn_apropos{background-image:url(image/menu/bt_competence.gif); display:block; width:84px; }
a.btn_apropos:hover{background-image:url(image/menu/bt_competence_on.gif); display:block; width:84px; }
a.current_apropos{background-image:url(image/menu/bt_competence_on.gif); display:block; width:84px; }

a.btn_contact{background-image:url(image/menu/bt_contact.gif); display:block; width:54px; }
a.btn_contact:hover{background-image:url(image/menu/bt_contact_on.gif); display:block; width:54px; }
a.current_contact{background-image:url(image/menu/bt_contact_on.gif); display:block; width:54px; }

a.btn_blog {background-image:url(image/menu/bt_blog.gif); display:block; width:60px; }
a.btn_blog:hover {background-image:url(image/menu/bt_blog_on.gif); display:block; width:60px; }
a.current_blog {background-image:url(image/menu/bt_blog_on.gif); display:block; width:60px;}

a.btn_print { background-color:#aa3e6b; display:block; width:81px; margin-top:5px;}
a.btn_print:hover {background-color:#3AC1DE; display:block; width:81px;}
a.active_print {background-color:#3AC1DE; display:block; width:81px; margin-top:5px;}

a.btn_web {background-color:#aa3e6b; display:block; width:81px; margin-top:5px;}
a.btn_web:hover {background-color:#3AC1DE; display:block; width:81px; color:#FFF; text-transform:uppercase;}
a.active_web {background-color:#3AC1DE; display:block; width:81px; margin-top:5px;}

a.btn_identite {background-color:#aa3e6b; display:block; width:81px; margin-top:5px;} 
a.btn_identite:hover {background-color:#3AC1DE; display:block; width:81px; color:#FFF; text-transform:uppercase;}
a.active_identite {background-color:#3AC1DE; display:block; width:81px; margin-top:5px;}


/*Menu déroulant*/
.menuIE6 {display:none !important; display:block; text-align:center;}
a.boutonIE {width:81px; height:12px; display:block; overflow:hidden;}
a.boutonIE:hover {overflow:visible;}

.boutonFF {width:81px; height:12px; display:block !important; display:none; overflow:hidden; text-align:center;}
.boutonFF:hover {height:auto; cursor:pointer;}

a.SousMenu, a.SousMenu:link, a.SousMenu:visited, a.SousMenu:active {display:block; width:90px !important; width:88px; height:18px;}

#sous-menu{ text-align:center; margin-top:-20px;}


																/* ACCUEIL */	

#accueil {margin-top:-30px;}
#accueil #presentation {padding-left:50px; float:left; width:555px; border-right: solid 1px #3c4144; margin-right:30px;}
#accueil #presentation h2 {display:block; width:500px; text-align:justify; margin:0; padding:0; font-size:12px; font-weight:bold;}	
#accueil #presentation h3 {display:block; width:500px; text-align:justify; margin:0; padding:0; font-size:11px; font-weight:normal;}
#accueil #presentation h3 a {color: #FFF;}
#accueil #presentation p {display:block; width:500px; text-align:justify; margin:0; padding:0;}	
#accueil #dernieresrealisations {text-align:justify;}
#accueil #dernieresrealisations a#realisation {color:#666; font-size:9px; text-decoration:none; border-top:1px solid;border-bottom:1px solid;}
#accueil #dernieresrealisations h2 {display:none;}	
#accueil #dernieresrealisations img {border: solid 1px #3c4144;}
#accueil #dernieresrealisations .titre_site {color:#3ac1de; font-size:12px;}


																/* PORTFOLIO */	

#portfolio {width:900px; margin:auto; text-align:justify;}
#portfolio .travail {clear:both; padding-top:50px;}
#portfolio div.titre {border:solid 1px #484348; border-left:none; border-right:none; margin-bottom:23px;}
#portfolio div.titre h3 {margin:2px; padding:0px; font-size:13px; font-weight:normal;}
#portfolio div.screenshot {float:left; margin-right:20px; width:574px; text-align:center;}
#portfolio div.screenshot ul { height:345px; overflow: hidden; list-style:none; padding:0;}
#portfolio div.screenshot img {border:solid 1px #484348;}

#portfolio div.screenshot_portrait {float:left; margin:0 160px 0 120px; width:343px; text-align:center}
#portfolio div.screenshot_portrait ul {list-style:none;}
#portfolio div.screenshot img {border:solid 1px #484348;}

#portfolio ul.ma_liste img{border:1px solid #7c7c7c;}
#portfolio .wslide-menu a {display:block; width:19px; height:19px; background-color:#752441; font-weight:bolder; font-size:13px; color:#FFF; text-decoration:none; text-align:center; vertical-align:middle; float:left; margin:5px 5px 0 0; font-family:"Arial Black";}
#portfolio .wslide-menu a.wactive {background-color:#fff; color:#000;}
#portfolio .renseignement {float:left;}
#portfolio .renseignement p {padding:0;}
#portfolio .information {text-transform:uppercase; font-weight:bold; font-size:12px; color:#3ac1de; width:200px; border-bottom:solid 1px #3ac1de; margin:0 0 20px 0;}
#portfolio .detail {margin-bottom:8px;}
#portfolio .detail img {margin-right:7px; vertical-align:middle;}
#portfolio .lien_site {clear:both; padding-top:15px}
#portfolio .renseignement a {color:#3ac1de;  font-style:italic;}
#portfolio .up {float:right; display:inline; margin-top:-15px;}
#portfolio .up a { text-decoration:none;}


/*Couleur*/
#portfolio div.couleur p {width:11px; height:11px; float:left; margin:10px 3px 10px 0;}
#portfolio p.couleurblanc {background-color:#FFF;}
#portfolio p.couleurbeige {background-color:#e9dfc4;}
#portfolio p.couleurbordeau {background-color:#860d0d;}
#portfolio p.couleurnoir {background-color:#000;}
#portfolio p.couleurgris {background-color:#666;}
#portfolio p.couleurrouge {background-color:#FF0000;}
#portfolio p.couleurturquoise {background-color:#208ca4;}
#portfolio p.couleurvertpomme {background-color:#b4d615;}
#portfolio p.couleurjaune {background-color:#FFFF00;}
#portfolio p.couleurorange {background-color:#FF8000;}
#portfolio p.couleurrose {background-color:#FF0080;}
#portfolio p.couleurbleu {background-color:#0000FF;}
#portfolio p.couleurbleuciel {background-color:#ABCBFC;}
#portfolio p.couleurbleugris {background-color:#637392;}
#portfolio p.couleurviolet {background-color:#860258;}
#portfolio p.couleurvioletfonce {background-color:#482E5B;}
#portfolio p.couleurvert {background-color:#02CA11;}
#portfolio p.couleurmarron {background-color:#4F2700;}

																/* A PROPOS */	

#apropos {text-align:justify; padding-left:20px; margin-top:-30px;}
#apropos #gauche {width:580px; margin:0 30px 0 0; padding:0 30px 0 0; border-right:1px solid #222;}
#apropos #gauche p.intro{font-size:12px;}
#apropos #gauche p.intro strong{font-size:13px; color: #D6497A;}
#apropos #gauche ul{ padding:0; margin:0;}
#apropos #gauche ul span{color:#D6497A; font-size:12px;}
#apropos #gauche ul li{ list-style:none; padding:0 0 0 15px;}
#apropos #droite {float:right; width:320px}
#apropos #droite .type-travaux p{ display:inline; background-color:#3ac1de;}
#apropos #droite ul{ padding:10px 0 25px 10px; margin:0;}
#apropos #droite li {list-style:none; padding:0 0 5px 0;}


																/* CONTACT */	

#contact {width:900px; margin-top:-30px;}
#contact p#titre-contact { text-align:left; margin-left:70px}
#contact #formulaire {margin-top:-20px; padding-left:60px;}
#contact #formulaire p {margin:0; padding:0;}
#contact a {color:#FFF;}
#contact input:focus, #contact textarea:focus { background-color:#37B6D1;}
#contact input, #contact  textarea { color:#000; font-size:11px; font-family:Arial, Helvetica, sans-serif;}
#contact input[type=submit] { color:white; font-size:10px; border:1px solid #37B6D1; width:60px; text-align:center; background-color:#000000; text-transform:uppercase;}

#contact #renseignement { padding-left:50px; font-size:11px; text-align:left; line-height:20px}
#contact #renseignement a {color: #D6497A;}
#contact #renseignement .rose {color: #D6497A;}
#contact #renseignement .douze {font-size:12px;}
#contact #renseignement .treize {font-size:13px;}

																/* FOOTER */	
															
#footer {clear:both; padding-top:30px; text-align:center; margin-bottom:20px;}
#footer #baseline {color:#888; text-align:center; width:100%; font-size:9px; letter-spacing:1.2px; margin:0; padding:0;}
#footer #baseline a {color:#888; text-align:center; width:100%; font-size:9px; letter-spacing:1.2px; margin:0; padding:0; text-decoration:none}
#footer #metier { font-size:10px; color:#444;}
#footer #w3c {color:#888; text-align:center; }
#footer #w3c a{color:#D7487A;}


																/* CONDITIONS GENERALES */
																
#conditionsgenerales {text-align:justify; color:#000;}
#conditionsgenerales h3 {color:#752441; font-size:13px;}