html {
height : 100%;
}
body {
font-family : verdana, arial, sans-serif;
padding : 0;
margin : 0;
font-size : 0.68em;
background : #9d5c09 url(images/fond_fleurs.png) repeat;
color : #d5d2d6;
}
p, ul, li {
margin : 0;
padding : 0 0 16px 0;
line-height : 1.8em;
}
h1 {
font-family : arial, sans-serif;
font-size : 108%;
letter-spacing : 0.1em;
background : transparent;
color : #ff9c27;
border-color : #787878;
}
h2 {
margin : 0;
padding : 20px 0 20px 0;
font-size : 100%;
}
h3 {
background : #828282;
padding : 10px 10px 10px 10px;
border : 1px dotted #fff;
text-align : center;
color : #000;
font-size : 100%;
}
img {
border : 0;
}
a {
outline : none;
}
.orange {
color : #ff9c27;
font-size : 130%;
font-weight : bold;
}
.jaune {
color : #ff9c27;
font-size : 100%;
font-weight : bold;
}
#boite1 {
width : 400px;
text-align : left;
}
#boite3, #boite5, #boite7, #boite8  {
width : 305px;
text-align : left;
}
#boite2, #boite4, #boite6{
width : 300px;
float : right;
margin-top : 0;
margin-right : 50px;
text-align : left;
}
#boite1 h1 , #boite2 h1, #boite3 h1, #boite4 h1, #boite5 h1, #boite6 h1, #boite7 h1, #boite8 h1 {
font-family : Verdana, arial, sans-serif;
text-align : left;
padding : 16px 0 5px 0;
margin : 0 0 12px 0;
border-bottom : 1px solid;
font-size : 130%;
text-transform : uppercase;
font-weight : normal;
color : #ff9c27;
border-color : #787878;
text-indent : 40px;
background : transparent url(images/plume.png) no-repeat;
}
#boite1 h3 {
font-family : Verdana, arial, sans-serif;
text-align : center;
}
#plume {
position : absolute;
width : 183px;
height : 139px;
top : 28px;
left : 50px;
}
ul {
margin : 8px 0 0 16px;
padding : 0;
}
ul li {
list-style-type : square;
margin : 0 0 11px 0;
padding : 0;
}
ol {
margin : 8px 0 0 24px;
padding : 0;
}
ol li {
margin : 0 0 11px 0;
padding : 0;
}
#main, #liens, #pied, #logo, #menu, #content {
margin-left : auto;
margin-right : auto;
}
#main {
width : 780px;
margin : auto;
background : #414141 url(images/main.png) repeat-y;
color : #d5d2d6;
}
#liens, #pied {
width : 726px;
height : 20px;
font-size : 88%;
text-transform : uppercase;
padding : 8px 21px 0 19px;
}
#liens {
text-align : right;
}
#pied {
text-align : center;
border-top : 2px solid;
}
#liens a, #pied a {
text-decoration : none;
}
#liens a:hover, #pied a:hover {
text-decoration : underline;
}
#logo {
width : 766px;
height : 125px;
border-top : 2px solid;
border-bottom : 5px solid;
background : #fff url(images/logo2.jpg) no-repeat;
color : #d5d2d6;
border-color : #ff9c27;
}
#logo h1, #logo h2 {
margin : 0;
letter-spacing : 0.2em;
}
#logo h1 {
padding : 28px 0 0 20px;
font-size : 160%;
}
#logo h2 {
font-family : arial, sans-serif;
padding : 15px 0 0 100px;
font-size : 108%;
}
#menu {
height : 30px;
width : 766px;
position : relative;
background : transparent;
color : #d5d2d6;
}
#menu ul {
margin : 0 auto;
}
#menu li {
float : left;
margin : 0 5px 0 0;
padding : 0;
list-style : none;
}
#menu li a {
display : block;
float : left;
height : 20px;
text-decoration : none;
padding : 6px 19px 2px 19px;
border : 1px solid;
text-transform : uppercase;
font-size : 88%;
background : #545454;
color : #d5d2d6;
border-color : #787878;
}
#menu li a:hover, #menu li a#selected, #menu li a#selected:hover {
height : 20px;
padding : 7px 20px 2px 20px;
border : 0;
background : #ff9c27;
color : #fff;
}
#content {
width : 766px;
overflow : hidden;
}
#coordonnees {
position : relative;
text-align : left;
width : 200px;
float : right;
margin : 40px 20px 23px 0;
border : 1px solid;
padding : 14px 8px 14px 19px;
background : #545454;
color : #d5d2d6;
border-color : #787878;
}
#coordonnees h1 {
margin : 0;
font-weight : normal;
padding : 0 0 16px 0;
text-transform : uppercase;
}
#coordonnees p {
line-height : 16px;
padding : 0 0 0 0;
}
#coordonnees a, #coordonneesm a:hover {
padding : 0 0 2px 0;
font-weight : bold;
color : #f2c10e;
}
#detail {
text-align : center;
padding-top : 30px;
padding-left : 50px;
padding-bottom : 20px;
}

#detail a, #detail a:hover {
padding : 0 0 2px 0;
text-decoration : none;
border-bottom : 1px dashed;
}
#detail a:hover {
border-bottom : 1px solid;
background : #414141;
color : #ff9c27;
border-color : #ff9c27;
}
#content, #detail, #detail a {
background : #414141;
color : #d5d2d6;
border-color : #d5d2d6;
}
#cv {
clear : both;
width : 100%;
font-style : italic;
background : #545454;
border-top : 2px dotted #ff9c27;
}
#cv p {
padding-top : 20px;
margin-left : 25%;
}
#cv h2 {
font-family : Verdana, arial, sans-serif;
text-align : center;
border-bottom : 1px solid;
font-size : 120%;
height : 15px;
text-transform : uppercase;
font-weight : normal;
color : #ff9c27;
border-color : #787878;
}
#liens, #pied, #liens a, #pied a, #liens a:hover, #pied a:hover {
background : #545454;
color : #d5d2d6;
border-color : #ff9c27;
}