/* STYLES grafix.ch - maj 12.02.2010 - BP @ grafix.ch */

/* BASE */
* { 
 margin:0;
 padding:0;
}

#clear {
 clear:both;
}

/* FOND */
body {
 background:url(img/bgdeco.jpg) no-repeat top center;
 text-align:center; /* pour IE */
 font-size:small;
 font-family:arial;
 color:#4d4d4d;
}

/* IMAGES */
img {
 border:none;
}

/* LIENS */
a , a:link , a:visited {
 color:#dd8134;
 text-decoration:none;
 outline:none;
}

a:hover, a:active {
 color:#af5203;
 text-decoration:none;
}

/* TABLE PRINCIPALE */
#container {
 margin:0 auto; /* alignement pour les autres navigateurs */
 text-align:left; /* annule le "body center" */ 
 width:980px;
 height:600px; 
}

/* ELEMENTS */
#col1 {
 float:left; 
 text-align:left;
 width:265px;
 height:572px;  
}

#col2 {
 float:left; 
 text-align:left;
 width:715px;
 height:572px;  
}

#col3 {
 float:left; 
 text-align:left;
 width:980px;
 height:572px;  
}

#header {
 text-align:left;
 width:265px;
 height:122px;
}

#home {
 text-align:left;
 width:715px;
}

#portfolio {
 margin-top:1;
 text-align:left;
 width:715px;
}

#legend {
 padding:0 0 0 98px;
 float:left;
 text-align:left;
 width:265px;
 height:233px;
 font-size:13px;
 color:#000; 
}

.text1 {
 padding:134px 0 0 50px;
 float:left;  
 text-align:justify;
 width:400px;
 height:572px;  
 font-size:13px;
 color:#000;
}

.text2 {
 padding:134px 0 0 40px;
 float:left;  
 text-align:left;
 width:220px;
 height:572px;
 font-size:13px; 
 color:#d46201; 
}

.text3 { /* uniquement dans "réalisations" */ 
 padding:134px 0 0 50px;
 float:left;  
 text-align:justify;
 width:400px;
 height:264px;
 !height:401px; /* pour IE */
 font-size:13px;
 color:#000;
}

.text3 img {
 margin:0 5px 5px 0;
}

.text4 { /* uniquement dans "réalisations" */ 
 padding:134px 0 0 40px;
 float:left;  
 text-align:left;
 width:220px;
 font-size:13px; 
 color:#d46201; 
}

.text5 { /* uniquement dans "equipe" */
 float:left;
 padding:12px 0 0 55px;
 !padding:12px 0 0 5px; /* pour IE */
 text-align:left;
 width:220px;
 !height:233px; /* pour IE */
 font-size:13px; 
 color:#d46201; 
}

#thumbs {
 float:left;  
 text-align:left;
 width:422px;
 height:43px; 
}

#thumbs img {
 margin:0 5px 5px 0;
 !margin:0; /* pour IE */
}

.noms { /* uniquement dans "equipe" */
 float:left;
 text-align:left;
 width:700px;
 width:700px; /* pour IE */
 height:233px;
}

.credit1 { /* uniquement dans "equipe" */ 
 float:left;
 padding:167px 0 0 88px;
 text-align:left;
 font-size:11px;
 line-height:14px;
}

.credit2 { /* uniquement dans "equipe" */ 
 float:left;
 padding:167px 0 0 48px;
 text-align:left;
 font-size:11px;
 line-height:14px;
}

#arrows {
 float:left;  
 text-align:right;
 width:293px;
 height:43px; 
}

#nava {
 text-align:left;
 width:265px;
 height:217px; 
}

#navb {
 !padding:0 12px 0 0; /* pour IE */
 float:left;  
 text-align:right;
 width:715px;
 height:174px; 
}

#navb_alt {
 !padding:0 12px 0 0; /* pour IE */ 
 text-align:right;
 width:715px;
 height:174px; 
}

#footer {
 padding:5px 17px 0 0;
 float:right;
 text-align:left;
 font-size:12;
 color:#636363;
}



/* MISE EN PAGE */
p {
 text-align:left;
 line-height:16px;
 color:#636363;
}

.titre {
 text-align:left;
 line-height:16px;
 font-size:15px;
 font-weight:normal;
}

.titre_orange {
 text-align:left;
 line-height:16px;
 color:#d46201;
 font-size:15px;
 font-weight:normal;
}

.commentaire {
 text-align:left;
 line-height:14px;
 font-size:11px;
}

.clients {
 text-align:left;
 line-height:14px;
 font-size:11px;
 height:265;
 *height:285; /* seulement IE */   
 overflow:auto;
 overflow-x:hidden; 
}