/* _________________________________________________________  Reset  */

html,body,div,ul,li,form,blockquote,fieldset,input,h1,h2,h3,h4,h5,h6{font-family:Arial, Helvetica, sans-serif; margin:0; padding:0;}
p{margin:0; padding:3px 0;}
table{border-collapse:collapse; border-spacing:0;}
ul,ol{list-style:none;}
li{vertical-align:middle;}
fieldset,img{border:none;}
caption,th{text-align:left;}
pre{display:none;}

/* _________________________________________________________  Styles generiques  */

body{background-color: #191718;}
.masque{display:none;}

.titre{font-size:18px; font-weight:bold; color:#FFFFFF; line-height:22px; margin-bottom:10px;}
.sous_titre{font-size:13px; font-weight:bold; line-height:16px; padding-top:8px;}

.texte{font-size:12px; line-height:17px; color:#999999;}
.texte a:link{color:#999999; text-decoration:underline;}
.texte a:visited{color:#999999; text-decoration:underline;}
.texte a:hover{color:#FFFFFF; text-decoration:underline;}
.texte a:active{color:#999999; text-decoration:underline;}
.texte ul{padding-left:80px; list-style:square outside none;}

.texte_blanc{font-size:15px; line-height:17px; color:#FFFFFF;}
.texte_blanc a:link{color:#FFFFFF; text-decoration:underline;}
.texte_blanc a:visited{color:#FFFFFF; text-decoration:underline;}
.texte_blanc a:hover{color:#FFFFFF; text-decoration:none;}
.texte_blanc a:active{color:#FFFFFF; text-decoration:underline;}
.texte_blanc ul{padding-left:30px; list-style:square outside none;}

.legal{font-size:11px; line-height:32px; color:#333333; text-align:center;}
.legal a:link{color:#333333; text-decoration:underline;}
.legal a:visited{color:#333333; text-decoration:underline;}
.legal a:hover{color:#FFFFFF; text-decoration:underline;}
.legal a:active{color:#333333; text-decoration:underline;}

.legende{font-size:10px; font-style:italic; line-height:12px; color:#999999;}

.standard{font-weight:normal;}
.gras{font-weight:bold;}
.italique{font-style:italic;}

.blanc{color:#FFFFFF;}

.rouge{color:#FF0000;}
.rouge a:link{color:#FF0000; text-decoration:none;}
.rouge a:visited{color:#FF0000; text-decoration:none;}
.rouge a:hover{color:#FF0000; text-decoration:none; background-color:#FFFFFF; border-top:solid 2px #FFFFFF; border-bottom:solid 2px #FFFFFF;}
.rouge a:active{color:#FF0000; text-decoration:none;}

.rouge_fonce{color:#A10100;}
.rouge_fonce a:link{color:#A10100; text-decoration:none;}
.rouge_fonce a:visited{color:#A10100; text-decoration:none;}
.rouge_fonce a:hover{color:#A10100; text-decoration:none; background-color:#FFFFFF; border-top:solid 2px #FFFFFF; border-bottom:solid 2px #FFFFFF;}
.rouge_fonce a:active{color:#A10100; text-decoration:none;}

/* _________________________________________________________  Containers  */

#tete{width:890px; height:51px; overflow:hidden; background-image:url(tete.jpg); margin-left:auto; margin-right:auto;}
#corps{width:890px; height:638px; overflow:hidden; margin-left:auto; margin-right:auto;}
#pied{width:890px; height:30px; overflow:hidden; background-image:url(pied.jpg); margin-left:auto; margin-right:auto;}

#gauche{float:left; width:55px; height:638px; overflow:hidden; background-image:url(gauche.jpg);}
#navigation{float:left; width:180px; height:638px; overflow:hidden; background-color:#444444;}
#contenu{float:left; width:615px; height:578px; background-color:#444444; padding:30px 14px 30px 0;}
#droite{float:left; width:26px; height:638px; overflow:hidden; background-image:url(droite.jpg);}

#marieno{width:180px; height:80px; overflow:hidden; background-image:url(marieno.jpg);}
.tete_onglets{width:180px; height:119px; overflow:hidden; background-image:url(tete_onglets.jpg);}
.plume{width:180px; height:119px; overflow:hidden; background-image:url(plume.jpg);}

#b_accueil{display:block; width:180px; height:40px; overflow:hidden; background-image:url(b_accueil.jpg); text-decoration:none;}
#b_accueil:hover{background-image:url(b_accueil_2.jpg); text-decoration:none;}
#b_accueil_actif{display:block; width:180px; height:40px; overflow:hidden; background-image:url(b_accueil_3.jpg);}

#b_travail{display:block; width:180px; height:40px; overflow:hidden; background-image:url(b_travail.jpg); text-decoration:none;}
#b_travail:hover{background-image:url(b_travail_2.jpg); text-decoration:none;}
#b_travail_actif{display:block; width:180px; height:40px; overflow:hidden; background-image:url(b_travail_3.jpg);}

#b_design{display:block; width:180px; height:40px; overflow:hidden; background-image:url(b_design.jpg); text-decoration:none;}
#b_design:hover{background-image:url(b_design_2.jpg); text-decoration:none;}
#b_design_actif{display:block; width:180px; height:40px; overflow:hidden; background-image:url(b_design_3.jpg);}

#b_cours{display:block; width:180px; height:40px; overflow:hidden; background-image:url(b_cours.jpg); text-decoration:none;}
#b_cours:hover{background-image:url(b_cours_2.jpg); text-decoration:none;}
#b_cours_actif{display:block; width:180px; height:40px; overflow:hidden; background-image:url(b_cours_3.jpg);}

#b_chantierlibre{display:block; width:180px; height:40px; overflow:hidden; background-image:url(b_chantierlibre.jpg); text-decoration:none;}
#b_chantierlibre:hover{background-image:url(b_chantierlibre_2.jpg); text-decoration:none;}
#b_chantierlibre_actif{display:block; width:180px; height:40px; overflow:hidden; background-image:url(b_chantierlibre_3.jpg);}

#b_bio{display:block; width:180px; height:40px; overflow:hidden; background-image:url(b_bio.jpg); text-decoration:none;}
#b_bio:hover{background-image:url(b_bio_2.jpg); text-decoration:none;}
#b_bio_actif{display:block; width:180px; height:40px; overflow:hidden; background-image:url(b_bio_3.jpg);}

#b_liens{display:block; width:180px; height:40px; overflow:hidden; background-image:url(b_liens.jpg); text-decoration:none;}
#b_liens:hover{background-image:url(b_liens_2.jpg); text-decoration:none;}
#b_liens_actif{display:block; width:180px; height:40px; overflow:hidden; background-image:url(b_liens_3.jpg);}

#b_contact{display:block; width:180px; height:40px; overflow:hidden; background-image:url(b_contact.jpg); text-decoration:none;}
#b_contact:hover{background-image:url(b_contact_2.jpg); text-decoration:none;}
#b_contact_actif{display:block; width:180px; height:40px; overflow:hidden; background-image:url(b_contact_3.jpg);}

#popup{width:350px; margin-left:auto; margin-right:auto; margin-top:30px; padding:17px 20px; background-color:#444444; border:#555555 1px solid;}
#agenda{width:420px; margin-left:auto; margin-right:auto; margin-top:30px; padding:17px 20px; background-color:#444444; border:#555555 1px solid;}

/* __________________________________________________________  Contenus  */

#sous_navigation_contact{margin-top:160px; padding-left:80px;}
#sous_navigation_chantier{margin-top:130px; padding-left:0;}
#accueil{margin-top:76px;}
#sous_navigation, #sous_navigation_liens{margin-top:106px;}
#sous_navigation_liens{padding-left:120px;}
#sous_navigation_travail{margin-top:80px; padding-left:80px;}
#sous_navigation_design{margin-top:45px; padding-left:80px;}
#sous_navigation_bio{margin-top:50px; padding-right:30px;}
#sous_navigation_cours{margin-top:36px;}
#accroche{clear:both;}

.vide_205{float:left; display:block; width:205px; height:52px; overflow:hidden;}
.b_plus_205, .b_contact_205, .b_cv_205, .b_maps_205{float:left; display:block; width:205px; height:52px; overflow:hidden; background-image:url(../_visuels/b_plus_205.jpg); text-decoration:none;}
.b_plus_205:hover{background-image:url(../_visuels/b_plus_205_2.jpg); text-decoration:none;}
.b_cv_205:hover{background-image:url(../_visuels/b_cv_205_2.jpg); text-decoration:none;}
.b_contact_205:hover{background-image:url(../_visuels/b_contact_205_2.jpg); text-decoration:none;}
.b_maps_205:hover{background-image:url(../_visuels/b_maps_205_2.jpg); text-decoration:none;}

.bouton_image{float:left; width:205px; height:223px; overflow:hidden;}
.bouton_image_600{float:left; width:600px; height:223px; overflow:hidden;}

#marieno_bio{float:left; width:210px; height:233px; overflow:hidden;}

.separateur_15px{clear:both; width:100%; height:15px; overflow:hidden;}