body
{
    font-family:Verdana,Arial, sans-serif;
    font-size:10px;
    background:black url("images/body.jpeg");
    text-align:center;
}
h3 { color:#333; }
a { color:white; text-decoration:none; }

div.page
{
    position:relative;
    border:1px solid #222;
    background:#333 url("images/page.jpeg");
    background-position:top right;
    background-repeat:no-repeat;
    text-align:left;
    margin:5% auto;
    width:630px;
    background-color:#333;
}


h1
{
    background:#333 url("images/h1.jpeg");
    background-repeat:no-repeat;
    background-position:top left;    
    font-size:0px;
    width:203px;
    height:48px;
}

h2
{
    background:#333 url("images/h2.jpeg");
    background-repeat:no-repeat;
    background-position:top center;    
    font-size:0px;
    height:174px;
}
h2.contact {  background:#333 url("images/h2_contact.jpeg");     background-repeat:no-repeat;     background-position:top center;    }
h2.about {  background:#333 url("images/h2_about.jpeg");     background-repeat:no-repeat;      background-position:top center;    }
h2.portfolio {  background:#333 url("images/h2_portfolio.jpeg");     background-repeat:no-repeat;     background-position:top center;    }




div.menu li a {     color:#a6a6a6; text-decoration:none;}
div.menu li
{
    font-size:12px;
    font-weight:bold;
    position:relative;
    top:-220px;
    left:270px;
    text-transform: uppercase;
    list-style:none;
    padding:1px 7px;
    float:left;
}


div.sites h3
{
    margin:0px 20px;
    background:#333 url("images/missions.jpeg");
    background-repeat:no-repeat;
    background-position:top left;    
    font-size:0px;
    width:144px;
    height:30px;
    float:left;    

}
div.sites h4
{
    margin:0px 0px 0px 200px;
    padding:5px 10px 0px 10px;
    text-align:center;
    color:#b0b0b0;
    background:#333 url("images/h4_1.jpeg");
    background-repeat:no-repeat;
    background-position:top left;    
    font-size:10px;
    width:389px;
    height:27px;
}
div.sites ul { margin:0px; padding:0px; }
div.sites li { 
    width:190px;
    padding:9px; 
    float:left; 
    list-style:none;
}

div.sites img
{
    display:block;
    margin:0px 0px 0px 10px;
    padding:0px;
    width:180px;
    height:146px;
}
div.sites a { padding:0px 2px; color:#333; text-decoration:none; }
div.sites p
{
    font-size:10px;
    text-transform:uppercase;
    font-weight:bold;
    color:#191919;
    height:14px;
    width:190px;
    margin:0px;
    padding:0px;
    background-color:#ccc;
    background:#ccc url("images/plus.jpeg");
    background-repeat:no-repeat;
    background-position:top right;    
}



div.footer
{
    clear:both;
    margin-top:10px;
    font-size:12px;
    text-align:center;
    background-color:#282828;
    color:black;

}


div.news 
{ 
    margin:20px 20px 20px 20px;
    padding:30px 0 0 0;
    width:380px;    
    height:350px;
}

div.news h3
{
    background:#333 url("images/news.jpeg");
    background-repeat:no-repeat;
    background-position:top left;    
    font-size:0px;
    width:130px;
    height:30px;
    float:left;
}

div.news h4
{
    margin:0px 0px 0px 140px;
    padding:5px 10px 0px 10px;
    text-align:center;
    color:#b0b0b0;
    background:#333 url("images/h4_2.jpeg");
    background-repeat:no-repeat;
    background-position:top left;    
    font-size:10px;
    width:221px;
    height:27px;


}
div.news h6 { font-size:9px; }
div.news h5 { font-size:11px; }
div.news div
{
    color:#eee;
    font-size:9px;
    -moz-border-radius:20px 20px 20px 20px;
    margin:10px 0 0 0;
    height:300px;
    width:368px;
    overflow:auto;
    background-color:#1a1a1a;
}
div.news div div 
{ 
    width:auto; 
    height:auto; 
    margin:10px;    
}



div.login
{
    background-color:#c8c8c8;
    position:absolute;
    top:530px;
    left:410px;
    width:210px; 
    padding:0px;
}
div.login h3
{
    margin:0px;
    padding:0px;
    background:#333 url("images/login.jpeg");
    background-repeat:no-repeat;
    font-size:0px;
    height:22px;
}
div.login input { margin:0px; padding:0px 2px; border:1px solid black; font-size:9px;}
div.login input:focus { background-color:#eee; border:1px solid  white;}
div.login dl,div.login dt,div.login dd 
{ 
    color:white;
    margin:10px 0px ; 
    padding:0px; 
    font-size:9px;

}

div.login div.pseudo
{
    margin:-10px 0 0 10px;
    float:left;
    padding:0px 0px 5px 0px;
    
}
div.login div.pass { 
    margin:0 0 0 110px;
    padding:0px 0px 5px 0px;
}    
div.login h4
{

    background:#333 url("images/forget.jpeg");
    background-repeat:no-repeat;
    background-position:bottom center;
    height:15px;
    text-align:center;
    font-size:10px;
    padding:30px 0 0 0; 
    margin:0px;
    color:#323232;
    
}    
    

div.contact { margin:10px; color:#ccc}
div.contact h3 
{
    height:41px;
    width:147px;
    font-size:0px;
    background:#333 url("images/contact.jpeg");
    background-repeat:no-repeat;
    background-position:bottom center;
}
div.contact a { color:#ccc; }
div.contact h6,div.contact p { font-size:9px; }
div.contact div
{
    width:500px;
    margin-left:50px;

}
div.contact dl { font-size:9px; }
div.contact dd
{
    position:relative;
    top:-16px;
    left:50px;
}
div.contact dl { margin:30px 0 0 0 ; }
div.contact dt { font-weight:bold; }
div.contact input { 
    padding:0px 2px;
    color:#ccc;
    border:none; background-color:#333; 
    border-bottom:1px solid white;
    }
div.contact textarea {
    padding:2px;
    border:1px solid white;
    background-color:#333;
    color:#ccc;
}

div.contact dt.button { display:none; }
div.contact dd.button input
{
    margin:10px 0 0 110px;
    border:1px solid #ff6600;
    background:black url("images/body.jpeg");
}




div.about { margin:10px; }
div.about h3.about
{
    height:41px;
    width:147px;
    font-size:0px;
    background:#333 url("images/about.jpeg");
    background-repeat:no-repeat;
    background-position:bottom left;
}

div.about h3.ref
{
    height:31px;
    width:191px;
    font-size:0px;
    background:#333 url("images/references.jpeg");
    background-repeat:no-repeat;
    background-position:bottom left;
}


div.about a { color:#ccc; }

div.about ul
{
    margin:0px;
    padding:0px;
    height:290px;
    background:#333 url("images/bras.jpeg");
    background-repeat:no-repeat;
    background-position:center right;
}
div.about li
{
    border-bottom:1px solid white;
    width:400px;
    color:white;
    list-style:disc inside;
    margin:50px 10px;
    font-size:15px;
    
}
div.about .lit { color:#a6a6a6; font-size:10px; }

div.about h4
{
    margin:30px 0 0 0;
    float:left;
    height:36px;
    width:51px;
    background:#333 url("images/nrj.jpeg");
    font-size:0px;
    background-repeat:no-repeat;
    background-position:center right;
    border-right:1px solid black;
    border-bottom:1px solid black;    
	
}
div.about div
{
    margin:66px 0 0 51px;
    border-left:1px solid black;
    border-top:1px solid black;
}
div.about p { 
    font-size:11px; 
    padding:5px; 
    color:#ccc;
    font-weight:bold;
}

p.suite 
{
    width:300px;
    margin-left:200px;
    padding:0px; 10px;
    text-align:right;
}
p.suite a
{
    color:#cc9900;
    font-weight:bold;
    padding:0px 5px;
}

div.portfolio ol,div.portfolio li { margin:0px; padding:0px;}
div.portfolio div.gauche
{
    font-size:0px;
    float:left;
}
div.gauche li
{
    width:49px;
}

li.multimedia
{
    height:131px;
    background:#333 url("images/multimedia.png");
    background-repeat:no-repeat;
    background-position:bottom left;
}
li.print
{
    height:80px;
    background:#333 url("images/print.png");
    background-repeat:no-repeat;
    background-position:bottom left;
}
li.identity
{
    height:101px;
    background:#333 url("images/identity.png");
    background-repeat:no-repeat;
    background-position:bottom left;
}
li.webdesign
{
    height:120px;
    background:#333 url("images/multimedia.png");
    background-repeat:no-repeat;
    background-position:bottom left;
}






div.portfolio { 
    margin:0px; 
    height:551px;
    background:#333 url("images/portfolio.jpeg");
    background-repeat:no-repeat;
    background-position:bottom left;
    }
div.portfolio h3
{
    height:30px;
    width:141px;
    font-size:0px;
    background:#333 url("images/work.jpeg");
    background-repeat:no-repeat;
    background-position:bottom left;
}



div.portfolio div 
    { 
    margin:40px 0 0 80px;     font-size:9px; 
    
    }
    
    
div.portfolio div.element    
{
    height:180px;
}
div.portfolio div div { margin:40px 10px 10px 10px; }
div.portfolio div.image 
{ 
    margin:0px 30px 0px 0px;
    float:left; 
}
div.portfolio div.image img
{
    position:relative;
    width:200px;
    height:120px;
    border:1px solid white;
}
div.portfolio div.desc { 
    color:white;
    margin:0 0 0 220px; 
}
div.portfolio div.desc dt{  padding:3px 0px;float:left; font-weight:bold; color:#ff9900; }
div.portfolio div.desc dd { padding:3px 30px; }
div.portfolio div.desc dd.res { position:relative; left:0px; margin:0px; padding:0px;  }
div.portfolio p.visit 
    { 
	text-align:center; 
	padding:1px 2px;
	margin:0px 0px 0 150px; 
	border:1px solid #fe9900; 
	width:130px;
	font-weight:bold; 
	text-transform:uppercase;
}
div.portfolio p.visit a { font-weight:bold;  }










.important { font-weight:bold; }
.color { color:#996619; }
.spacer { clear:both; }
.hide { display:none; width:0px; height:0px;}