/**
 * @author : Flo : hLines
 * @date : 04/01/2011
 * Feuille de style commune 
 */

/**
 * @section globale
 */
* {margin: 0px;padding: 0px;}
img {border: 0 none; }
h1 {font-size: 4em; font-weight:normal;}
h2 {font-size: 2em; font-weight:normal;}
h3 {font-size: 1.4em;}
h4 {font-size: 1.2em;}
h5 {font-size: 1em;font-weight: normal;}
h6 {font-size: .9em;font-weight: normal;}
div {background-color:transparent}
p {text-align: left;}
strong {}
a:link, a:active, a:visited  {text-decoration: underline;}
a:hover {text-decoration: underline;color:#333 !import;}
ul, li, dl, dt, dd {list-style-type: none;}
abbr, acronym {border-bottom: 1px dotted #333333;cursor:help;}
.myhr {clear:both; visibility:hidden; overflow:hidden; height:0px; display:block}
.rouge { color:#cc0000; font-weight: bold; }
.gris { color:#aaa; }

/**
 * @section body
 */
body { font-family:Helvetica, Arial, Verdana, sans-serif; font-size:11px;margin: 0px;padding: 0px;font-size:0.8em; background: #cccccc url(../img/fd_ombre.jpg) repeat-x left top; }

/**
 * @section container
 */
#container { position: relative; width: 930px; height: 100%; margin-left: auto;margin-right:auto;text-align: left; }

/**
 * @section header
 */
#container #header { margin-top: 31px; float: left; width: 100%; }
#container #header h1 { float:left; }
#container #header h1 a { color:#666666; text-decoration: none; }
#container #header h2 { float:right; text-align: right; color:#666666; margin-top:20px; }

/**
 * @section wrapper
 */
#container #wrapper { height: 450px; float: left; width: 798px; padding: 35px 66px;  }
#container #wrapper #content .contentWrapper { height: 450px; float: left; width: 798px; }

#container #wrapper #content h3 { color:#ccc;  }
#container #wrapper #content p { color:#ccc; margin:26px 0; }
#container #wrapper #content p a, #container #wrapper #content p span.contactMail { color:#cc0000; text-decoration: none; }
#container #wrapper #content p a:hover { color:#ddd; }
#container #wrapper #content p.label { border-top:1px solid #666666; color:#ccc; margin:13px 0 0 0; font-size:18px; }

#container #wrapper #content #experience { margin:0px 10px; }

#container #wrapper #content #contact {width: 700px; padding: 0px 50px;}                                     
#container #wrapper #content #contact form { width: 100%; }
#container #wrapper #content #contact .contentForm { width: 100%; float:left; margin:4px 0px; }
#container #wrapper #content #contact small.oblig { float: right; color:#cc0000; margin:0 10px 5px 0; width: 90%; text-align: right; }
#container #wrapper #content #contact small.mentions { float:left; margin:0px 10px 0px 0; color:#AAAAAA; font-size:0.7em; }
#container #wrapper #content #contact { margin-bottom: 10px; float:left; }
#container #wrapper #content #contact label { float: left; width:190px; height:18px; font-size:18px; color:#aaa; }
#container #wrapper #content #contact input, #container #wrapper #content #contact textarea {padding:0px 5px; border:0px; width: 500px; background: #fff url(../img/fd_forms.png) repeat-x left top; float: left; color:#555555;}
#container #wrapper #content #contact input { font-size:16px; height:25px; }
#container #wrapper #content #contact textarea { font-family:Helvetica, Arial, Verdana, sans-serif; font-size:15px; height:150px; }
#container #wrapper #content #contact input.btn { font-size: 1em; cursor: pointer; width: 80px; height:30px; border:none; float: right; background-color: transparent; background-image: url(../img/btn_reset.png); background-position: left top; background-repeat: no-repeat; }
#container #wrapper #content #contact input.valid { color:#ccc; background-image: url(../img/btn_valid.png); font-weight:bold;}
#container #wrapper #content #contact input.btn:hover { background-position: left bottom; }
#container #wrapper #content #contact input.btn.valid:hover { color:#ddd; }
#container #wrapper #content #contact #repForm { height: 13px; margin:0 10px 5px 0; text-align:right; color:#ccc; font-weight:bold;}


/**
 * @section content
 */
#container #footer { float: left; width: 100%; margin-top: 5px;  }
#container #footer li { float: left; list-style: none; font-size: 2em; }
#container #footer li a { text-decoration: none; color:#666666; }
#container #footer li a:hover, #container #footer li a.actif { color:#888; }
#container #footer p { float: right; color:#666666; margin-top:7px; font-size:0.9em; }
#container #footer p a { color:#cc0000; text-decoration: none; }
#container #footer p a:hover { color:#ddd; }