body {
font-family:Helvetica, Arial, sans-serif;
font-size: 13px;
background: url(img/background.jpg) center repeat #333 fixed;
color:#fff;
}

#conteneur {
width:935px;
padding:20px;
}

#contenu {
text-align:justify;
float:right;
width:670px;
}




#sidebar {float:left; font-size:12px; width:242px; position: fixed;}
#sidebar p#infos {margin-top: 90px; font-size: 9px; color:#ccc;}


h1 {padding:0; margin:0; font-size:36px; color:#fff; font-weight:100; text-transform: uppercase;}
h2 {padding:0; margin:3px 0 0 0; font-size:20px; font-weight:500; text-transform: uppercase;}
h3 {padding:0; margin:40px 0 0 0; font-size:20px; font-weight:500; text-transform: uppercase;}



a img { border:0;}
a:hover img {background-color:transparent;}
a:focus { outline: none; }
a {text-decoration:none; color: #fff; }
a:hover {background-color:#444; }


.clearer {clear:both;}
.spacer {clear:both; height:35px;}
.spacer2 {height:20px; display: block;}


#logo ul{list-style: none; margin:0; padding: 0;}
#logo li a{display: block; height:117px; width:242px; background: url(img/logo.png) no-repeat top;}
#logo li a:hover{background: transparent url(img/logo.png) no-repeat bottom;}

#reel {border:solid 5px #444;  border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; width:640px; height: 360px; outline: none;}
.warp {border:solid 5px #444; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; height: 400px;}
#video-warp {text-transform: capitalize;}


#submenu {margin:0; padding: 0 0 2px 5px;}

/*Spans*/
.rouge {color:#ff4200;}
.bleu {color :#29abe1;}
.vert {color :#21b573;}
.sombre{color:#bbb;}
.tressombre{color:#aaa;}
.tressombre a{color: #aaa;}
.saut-top {margin-top: 15px;}
.big1 {font-size:30px; text-transform:uppercase;}
.big2 {font-size:20px; text-transform:uppercase;}
.big3 {font-size:14px; text-transform:uppercase;}
.social img {margin-right:5px;}
.social a {background: transparent;}



#portfolio a {font-size:36px; text-transform: uppercase; padding: 5px 0 0 0px;}

#webdesign a img {border:solid 5px #444;  -moz-border-radius: 5px; -webkit-border-radius: 5px;  margin:10px 10px 10px 0; float:left;}
#webdesign a:hover img {border:solid 5px #29abe1;}
#webdesign img {border:solid 5px #444;  -moz-border-radius: 5px; -webkit-border-radius: 5px;  margin:10px 10px 10px 0; float:left;}
#webdesign .description {height:220px; width:350px; float:left; margin:10px 0 10px 0; }

#video a img {border:solid 5px #444;  -moz-border-radius: 5px; -webkit-border-radius: 5px; margin:10px 10px 10px 0; float:left;}
#video a:hover img {border:solid 5px #ff4200;}
#video img {border:solid 5px #444;  -moz-border-radius: 5px; -webkit-border-radius: 5px; margin:10px 10px 10px 0; float:left;}
#video .description {height:180px; width:340px; float:left; margin:10px 0 10px 0; }

#graphisme a img {border:solid 5px #444;  -moz-border-radius: 5px; -webkit-border-radius: 5px;  margin:10px 10px 0px 0; float:left;}
#graphisme a:hover img {border:solid 5px #21b573;}

#photo a img {border:solid 5px #444;  -moz-border-radius: 5px; -webkit-border-radius: 5px; float:left;  }
#photo a:hover img {border:solid 5px #fff; }
#photo ul{margin:0; padding: 0;}
#photo li {float:left; list-style:none; margin:10px 10px 0px 0; }



#photome {float:left; height:200px; width:200px; margin-right:20px; border:solid 5px #444;  -moz-border-radius: 5px; -webkit-border-radius: 5px;  }

.wrapper{width:210px; height:220px; overflow:hidden; position:relative;}
.caption {position:relative; text-align:center;  font-weight: bold; text-transform: uppercase; top:-110px;}




input, textarea {font-family:Helvetica, Arial, sans-serif; font-size: 20px; border:dotted 1px #CCC;  border-radius: 10px; width: 400px; background:transparent; color:#fff; padding: 15px; }
input:hover, textarea:hover {border:dotted 1px #FFF;}
input  { height: 30px; display: inline; }
.send-bt {font-size: 20px; border:dotted 1px #CCC;  border-radius: 10px; background:transparent; color:#fff; padding: 0px; width: 120px; height: 40px;  margin-left: 312px;}	
.send-bt:hover {background:#808080; color:#ffffff; }	
textarea {height: 100px; margin-top: 5px;}