* { padding: 0px; margin: 0px;}
body { font-family: Trebuchet MS, Arial, Helvetica, sans-serif; font-size: 12px; background-image: url(../images/fond.gif); background-repeat: repeat-y;}
h1 { background-color: #1a405d; color: #FFFFFF; padding: 5px 0 5px 15px; font-size: 16px; font-weight: normal; font-family: Century Gothic, Trebuchet MS, Arial, Helvetica, sans-serif; margin: 10px 0 0 0;}
h2 { color: #1a405d; font-size: 14px; margin: 5px 10px; font-weight: bold; clear: both; text-transform: uppercase;}
h3 { font-size: 12px; color: #1a405d; font-style: italic; margin: 5px 20px; font-weight: bold;}
a.external{background: url(../images/external.gif) center right no-repeat; padding: 0 13px 0 0;}
#page { width: 1000px;}
#gauche { width: 210px; padding: 50px 20px 0 20px; float: left; }
#gauche ul#identite, #gauche ul#contact { list-style-type: none; background-color: #FFFFFF; border: 1px solid #1a405d; color: #1a405d; }
#gauche ul#identite li { background-image: url(../images/puce.gif); background-repeat: no-repeat; padding: 0 0 0 15px; }
#gauche a, #gauche a:hover { color: #116bb0; text-decoration: none; font-weight: bold; }
#gauche a:hover { text-decoration: underline; }
#gauche ul#contact li {background-position: center left; margin: 0 -5px 0 5px;}
#gauche ul#contact li.facebook {background-image:url(../images/facebook.gif); background-repeat:no-repeat; padding: 1px 0 1px 20px; }
#gauche ul#contact li.viadeo {background-image:url(../images/viadeo.gif); background-repeat:no-repeat; padding: 1px 0 1px 20px; }
#gauche ul#contact li.linkedin {background-image:url(../images/linkedin.gif); background-repeat:no-repeat; padding: 1px 0 1px 20px; }
#gauche ul#contact li.phone {background-image:url(../images/phone.png); background-repeat:no-repeat; padding: 1px 0 1px 20px; }
#gauche ul#contact li.email {background-image:url(../images/email.png); background-repeat:no-repeat; padding: 1px 0 1px 20px; }
#gauche ul#contact li.rss {background-image:url(../images/rss.png); background-repeat:no-repeat; padding: 1px 0 1px 20px; }

#droite {}
#haut { float: right; height: 45px; width: 700px; margin: 0 50px 0 0; color: #FFFFFF; font-weight: bold; }
#haut a, a:hover { color: #FFFFFF; text-decoration: none; }
#menu { list-style-type: none; margin: 15px 0 0 0; float: left; }
#menu li { display: inline; padding: 0 10px; }
#lang { list-style-type: none; float: right; text-align: right; margin: 5px; }
#lang img { border: none; margin: 0 0 0 5px; }
#lang a span { display: none; }
#lang a:hover span { display: inline; }
#contenus { float: right; _height: 500px; min-height: 500px; width: 680px; margin: 0 50px 0 0; padding: 0 10px 10px 10px; background-color: #FFFFFF; border-top: 3px solid #1a405d; border-bottom: 3px solid #1a405d; }
#contenus a, #contenus a:hover { color: #116bb0; text-decoration: none; font-weight: bold; }
#contenus a:hover { text-decoration: underline; }
#contenus p { margin: 0 20px; text-align: justify; padding: 0 0 5px 0; }
#contenus ul { list-style-type: none; margin: 10px 20px; }
#contenus li { background-image: url(../images/puce.gif); background-repeat: no-repeat; padding: 0 0 0 15px; }

table#form { width: 90%; }
table#form  td{ padding: 2px;}

table#projets {width: 100%;}
table#projets tr th { font-weight: bold; text-align: left; background-image: url(../images/th.jpg); color: #FFFFFF; padding: 5px; }
table#projets tr td{ text-align: left; padding: 5px; }
table#projets tr {background-color: #f1f1f1;}
table#projets tr.alt {background-color: #f9f9f9;}
table#projets img {clear:both;}

.projets {margin: 0 0 10px 20px; width: 200px; float: left;}
.projets img { padding: 5px; border: 1px solid #e0e0e0; margin: auto;}
.clear { clear: both;}

.cadre { border: 1px solid #1a405d; padding: 3px; }
.colonne { float: left; width: 50%; margin: 0 0 10px 0; }
.form_erreur {  color: #E27E1C; }
.form_input_text { border: 1px solid #1a405d; background-color: #FFFFFF;  width: 360px; }
.form_input_text_erreur { border: 1px solid #1a405d; background-color: #d9efff;  width: 360px; }
.form_textarea { border: 1px solid #1a405d; background-color: #FFFFFF; width: 360px; height: 80px; }
.form_textarea_erreur { border: 1px solid #1a405d; background-color: #d9efff; width: 360px; height: 80px; }
.form_btn { border: 1px solid #1a405d; background-color: #FFFFFF; color: #1a405d;  }
.form_entete { color: #1a405d; text-align: right; vertical-align: top;}

#pied { float: right; height: 30px; width: 700px; margin: 0 50px 0 0; text-align: center; color: #FFFFFF; }