body { font: 13px/16px Arial, Helvetica, sans-serif; color: #003366; text-align: center; background: white; margin: 0px 10px 10px 10px; }

ul { margin: 5px 0; }
li { list-style-type: none; margin-left: 10px; }
p { margin: 0 0 0.5em 0; text-align: justify; }

a { color: white; text-decoration: none; }
a:hover { text-decoration: underline; }
h1 { color: #003366; letter-spacing: 2px; font-weight: normal; font-size: 13px; /*text-transform: uppercase;*/ padding: 5px 5px; border-bottom: 1px solid #003366; background-color: #00336;}
h1 a { width: 710px; display: block; color: #003366; }
h2 { font-size: 13px; text-transform: uppercase; }




#container { width: 720px; margin: 0px auto; text-align: left; }
#page { background-color: white; border: 2px solid white; }

h1 .langue { display: inline; text-align: right; }
.lien_langue {  background-color: white; text-align: right; font-size: 10px; }


.head_jonathan { margin-left: 20px; }
.header { border-bottom: #003366 1px solid; text-transform: uppercase; color: #003366; padding: 6px; }
.content { padding: 20px; overflow: auto; border-bottom: 1px solid #003366;  }
.content ul.menusection { float: right; margin: -21px 0 20px 200px; padding: 0; }
.content .menusection li { float: left; margin: 0 6px 0 0; padding: 0px; list-style-type: none; border: 1px solid #003366; border-top: none; }
.content .menusection li a { font-size: 11px; display: block; padding: 4px; background-color: #003366;  }
.content .menusection li a:hover { background-color: #003366; }
.content .menusection li.active a { background-color: #6699cc; }

.caracteristiques { font-size: 10px; line-height: 11px; font-weight: bold; }
ul.caracteristiques { margin: 10px 0; }
.caracteristiques li { list-style-type: none; margin: 0; padding: 0}


.img_col { float: left; width: 280px; /*text-align: center;*/ }
.img_col ul { width: 170px; margin: 0px 50px; padding: 5px; border: 1px solid #003366; }
* html .img_col ul { width: 180px; }  
.img_col li { display: inline; margin: 0px; padding: 0px; list-style-type: none; border: none }
.img_col li a {  }
.img_col li img { border: none; margin: 2px; }
/*.img_col table { width: 280px;  }
.img_col table .img { text-align: center; }*/
.text_col { float: right; width: 380px; padding-top: 0; }

#accueil {  }
#accueil .content { padding-left: 100px; }
#dossier {  }
#dossier .content {  }
#cv {  }
#cv .content { padding-left: 30px; }
#demarche {  }
#demarche .content { padding-left: 30px; }
#liens {  }
#liens .content { padding-left: 30px; }

.footer { font-size: 10px; text-align: center; }
.footer a { color: #003366; }