/* ////// General /////////*/
* {
outline: none;
} 


body{
margin:0px;
background-image:url(../img/bd2.jpg);
background-repeat:repeat-x;
background-color:#000000;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
}

img {
border:none;
}

#fond{
width:1008px;
height:600px;
background-image:url(../img/fond3.jpg);
background-repeat:no-repeat;
}

#w3cvalidator {
width:100px;
height:16px;
position:absolute;
right:2px;
bottom:2px;
}
.float_left { 
float:left;
}

.float_right {
float:right;
}

.clean {
clear:both;
margin:0;
padding:0;
}
.hide { 
display:none;
}

#menu_bg {
position:absolute;
width:230px;
height:32px;
background-image:url(../img/menu_bg.jpg);
top:-32px;
left:625px;
}

#menu {
position:absolute;
top:-5px;
left:594px;
visibility:hidden;
width:260px;
}


#menu li {
float:left;
list-style:none;
margin-right:8px;
font-size:12px;
color:#FFFFFF;


}


#menu a:link {
color:#FF99FF;
text-decoration:none;

}

#menu a:visited {
color:#FF99FF;
text-decoration:none;
}

#menu a:hover{
color:#FFFFFF;
text-decoration:none;


}

#menu a:active {
color:#FFFFFF;
text-decoration:none;
}

#prevu {
	position:absolute;
	top:69px;
	left:164px;
	width:680px;
	height: 521px;
	overflow:hidden;
}


#parent {
width:1370px;
height:1000px;
} 

.titre {
margin-bottom:10px;
font-size:18px;
color:#CC00CC;
}

.legende {
font-size:10px;
}

#portrait {
float:left;

margin-right:10px; 
margin-bottom:0px;
}

.client{
margin-top:30px;
border-top:1px solid #cccccc;
}

/* ////// Contact /////////*/

a.contact:link {
color:#000000;
text-decoration:underline;
}

a.contact:visited {
color:#000000;
text-decoration:underline;
}

a.contact:hover{
color:#333333;
text-decoration:underline;
}

a.contact2:link {
color:#FFFFFF;
text-decoration:underline;
}

a.contact2:visited {
color:#FFFFFF;
text-decoration:underline;
}

a.contact2:hover{
color:#CCCCCC;
text-decoration:underline;
}




#contact { 
width:682px;
height:523px;
background-color:#FFFFFF;
float:left;
}


#formulaire {
margin-top:25px;
width:658px;
padding:10px;
padding-bottom:2px;
background-color:#990099;
color:#FFFFFF	
}

#formulaire_gauche {
margin-top:9px;
display:inline;
float:left;
width:300px;

}

.champs {
margin-top:7px;
}


#formulaire_droite {
display:inline;
float:right;
width:320px;
margin-bottom:15px;
} 

.fValidator-msg {
font-size:10px;
}

.accuse {
padding:2px;
width:674px;
text-align:center;
height:30px;
margin-bottom:-15px;
margin-top:25px;

background-color:#990099;
color:#FFFFFF;	
}


.input {
height:15px;
padding-left:2px;
background-color:#993399;
border:none;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#FFFFFF;
}

textarea {
width:100%;
height:160px;
padding-left:2px;
background-color:#993399;
border:none;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#FFFFFF;
}


#cnil {
font-size:8px;
} 


/* ////// Portefolio /////////*/

#portefolio { 
width:682px;
height:523px;
background-color:#FFFFFF;
overflow:hidden;
clear:left;
float:left;
}



#projetbande {
margin:0px;
padding:0px;
width:5520px;
height:510px;
} 


#projetbande li {
list-style:none;
margin:0px; 
margin-right:10px;
padding:0px; 
border:0px; 
float:left;
width:680px;
height:510px;
}



#projetbande2 {
margin:0px;
padding:0px;
width:3450px;
height:510px;
} 


#projetbande2 li {
list-style:none;
margin:0px; 
margin-right:10px;
padding:0px; 
border:0px; 
float:left;
width:680px;
height:510px;
}


#projettypeBtn {
width:400px;
position:relative;
bottom:16px;
font-size:10px;

text-align:left;
}

#projettypeBtn a:link {
color:#333333;
text-decoration:none;
}

#projettypeBtn a:visited {

text-decoration:none;
color:#333333;
}

#projettypeBtn a:hover {

color:#cc33cc;
}



.projetBtn {
width:680px;
position:relative;
bottom:2px;
font-size:10px;

text-align:right;
}

.projetBtn a:link {
text-decoration:none;
color:#333333;
}

.projetBtn a:visited {

text-decoration:none;
color:#333333;
}

.projetBtn a:hover {

color:#cc33cc;

}



.projetImg {
width:680px;
height:410px;

} 
.projetText {
width:680px;
height:80px;
}
.projetTitre {
font-size:14px;
color:#666666;
}
.projetsousTitre {
font-size:11px;
color:#999999;
}




/* ////// Presentation /////////*/


#noscript {
line-height:14px !important;
width:682px;
height:523px;
background-color:#FFFFFF;
float:left;
}

#presentation {
line-height:14px !important;
width:682px;
height:523px;
background-color:#FFFFFF;
float:left;
visibility:hidden;

}

.competence_gauche {
width:330px; 
float:left;
margin-right:10px;
margin-bottom:20px;
}
.competence_droite {
width:330px; 
float:right;
margin-right:10px;
margin-bottom:20px;
}

.competence_titre {
font-size:11px;
font-weight:bold; 
color:#CC00CC;
}
.competence_highlight {
font-size:11px;
color:#CC00CC;
}

#logiciels {
width:510px;
margin-left:auto;
margin-right:auto;
margin-top:10px;
margin-bottom:10px;
}


/* ////// Bloc 4 /////////*/

#vide { 
width:682px;
height:523px;
background-color:#FFFFFF	;
float:left;
}

.hide{
display:none;
}

.invisible {
visibility:hidden;
}