ul,ol,img,td,div,h1,h2,h3,h4,h5,h6,o,br,body,a,li{margin:0;padding:0;}

img{
border:none;
}

body{
background:url(./images/fond.jpg);
background-repeat:repeat-x;
font-family:verdana;
font-size:11px;
color:#5a3e23;
}

a{
text-decoration:none;
color:#5a3e23;
}

label{
font-family:verdana;
font-size:11px;
color:#5a3e23;
}

h2{
font-size:14px;
}

#content h2,#content_accueil h2{
margin-bottom:10px;
padding:7px 0 0 0px;
}
h3{
color:#000000;
font-size:12px;
float:left;
margin:0px 0 4px 0;
padding:0px;
}
span.carre{
background:black;
width:5px;
height:5px;
display:inline;
float:left;
margin:6px 5px 0px 10px;
}
h4{
font-weight:normal;
font-size:9px;
}
p{
clear:both;
text-align:justify;
margin:1px 0px 10px 20px;
padding:0px;
}
.float_left{
float:left;
}

.float_right{
float:right;
}

.spacer{
clear:both;
}

#pere{
position:relative;
width:800px;
background:#ffffff;
margin:30px auto 0 auto;
border:5px solid #000000;
}

#bandeau{
padding:126px 0 0 10px;
background:url(./images/bandeau.jpg) no-repeat;
width:786px;
height:20px;
margin:7px 7px 9px 7px;
}

#bandeau h1{
color:#fff;
font-size:12px;
}

#centre{
float:right;
width:610px;
margin:0 7px 7px 0;
}

#content{
float:left;
width:560px;
height:237px;
padding:0 20px 0 20px;
}
#menu{
background:url(./images/menu.jpg) no-repeat;
width:156px;
height:243px;
float:left;
padding:3px 0 0 3px;
margin-left:7px;
}

#menu ul{
list-style:none;
text-align:center;
padding:0;
}
.liens_menu{
text-decoration:none;
width:156px;
color:#5a3e23;
font-size:12px;
width:150px;
height:30px;
display:block;
padding-top:10px;
}

#menu ul li :hover{
color:#000000;
font-weight:bold;
}

#menu ul li span{
color:#000000;
font-weight:bold;
}

#cadre_top{
background:url(./images/cadre_top.gif) no-repeat;
width:610px;
height:14px;
}
#cadre_repeat_left{
background:url(./images/cadre_repeat_left.gif) repeat-y;
width:5px;
height:120px;
}
#cadre_end_left{
background:url(./images/cadre_end_left.gif) no-repeat;
width:5px;
height:90px;
}

#cadre_repeat_right{
background:url(./images/cadre_repeat_right.gif) repeat-y;
width:5px;
height:210px;
}
#cadre_repeat_right_ref{
background:url(./images/cadre_repeat_right.gif) repeat-y;
width:5px;
height:240px;
}
#cadre_end_right{
background:url(./images/cadre_end_right.gif);
width:5px;
height:80px;
}
#cadre_bottom{
background:url(./images/cadre_bottom.gif) no-repeat;
width:610px;
height:15px;
clear:both;
}
#pied{
height:25px;
width:798px;
margin:0 auto;
background:#000000;
font-size:9px;
padding:0px 6px 4px 6px;
}
#pied a:hover{
text-decoration:underline;
}
#pied_left{
float:left;
}
#pied_right{
float:right;
text-align:right;
}
/* Page accueil  */

a.liens_texte{
font-weight:bold;
}
a.liens_texte:hover{
text-decoration:underline;
}
#content_accueil{
width:355px;
float:left;
background:url(./images/panneau.jpg) no-repeat;
padding:0 20px 0 225px;
}

#cadre_repeat_right_accueil{
background:url(./images/cadre_repeat_right.gif) repeat-y;
width:5px;
line-height:220px;
}


/* Page competence  */

ul#competence{
margin:0 0 0 34px;
}
p.ul{
margin-bottom:0;
}



/* Page cv*/

ul.ul_cv{
list-style:none;
clear:both;
margin:0 0 11px 20px;
}

#cadre_repeat_right_cv{
background:url(./images/cadre_repeat_right.gif) repeat-y;
width:5px;
height:210px;
}
#cadre_end_right_cv{
background:url(./images/cadre_end_right.gif) no-repeat;
background-position:bottom;
width:5px;
height:188px;
}
/* Page ref  */

#img_ref{
float:left;
margin:0px 0 20px 0;
}
.content_ref{
float:left;
width:250px;
margin-left:10px;
}
#vignette{
clear:both;
}
.vivi{
width:80px;
height:60px;
display:block;
float:left;
margin-right:15px;
}

a#canary{
background:url(./images/canary-islands-trip_80_blk.jpg);
}
a#canary:hover{
background:url(./images/canary-islands-trip_80.jpg);
}
a#troble{
background:url(./images/troblebmx_80_blk.jpg);
}
a#troble:hover{
background:url(./images/troblebmx_80.jpg);
}
a#chateau{
background:url(./images/chateau_pavie_80_blk.jpg);
}
a#chateau:hover{
background:url(./images/chateau_pavie_80.jpg);
}
a#clos{
background:url(./images/le_clos_de_la_graviere_80_blk.jpg);
}
a#clos:hover{
background:url(./images/le_clos_de_la_graviere_80.jpg);
}
/* Page contact  */

#cadre_repeat_left_contact{
background:url(./images/cadre_repeat_left.gif) repeat-y;
width:5px;
height:156px;
}

#cadre_repeat_right_contact{
background:url(./images/cadre_repeat_right.gif) repeat-y;
width:5px;
height:200px;
}

#cadre_end_right_contact{
background:url(./images/cadre_end_right.gif) no-repeat bottom;
width:5px;
height:150px;
}
#contact table{
margin-top:10px;
}
#contact{
margin-left:40px;
}
#champs{
margin:10px 0 10px 0;
font-weight:bold;
}

.valid{
color:green;
}
.error{
color:red;
}