
body {
margin: 5px;
padding: 0px;
background-color: white;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: normal;
color: black;
}

.style1 {color: #FFFFFF}

h1 {  
font-size: 12px;
font-weight: bold;
margin: 0;
padding-bottom: 3px;
color: #0cb8e9;
text-transform: uppercase;
}

h2 {
font-size: 10px;
font-weight: bold;
margin: 0;
padding-bottom: 3px;
color: #0cb8e9;
text-transform: uppercase;
}

a {
font-family: Tahoma, Trebuchet MS, Arial, Helvetica, sans-serif;
font-size: 8pt;
font-weight: normal;
color: #363636;
}

a:visited {
font-family: Tahoma, Trebuchet MS, Arial, Helvetica, sans-serif;
font-size: 8pt;
font-weight: normal;
color: #363636;
}

a:hover {
font-family: Tahoma, Trebuchet MS, Arial, Helvetica, sans-serif;
font-size: 8pt;
font-weight: normal;
color: #363636;
}

a.titre {
font-size: 10px;
font-weight: bold;
margin: 0;
padding-bottom: 3px;
color: #0cb8e9;
text-transform: uppercase;
}

a.titre:hover {
font-size: 10px;
font-weight: bold;
margin: 0;
padding-bottom: 3px;
color: #f1d204;
text-transform: uppercase;
}

a.titre:visited {
font-size: 10px;
font-weight: bold;
margin: 0;
padding-bottom: 3px;
color: #0cb8e9;
text-transform: uppercase;
}

a.mauve {
font-family: Tahoma, Trebuchet MS, Arial, Helvetica, sans-serif;
font-size: 8pt;
font-weight: bold;
text-decoration: none;
color: #6b6798;
}

a.mauve:hover {
font-family: Tahoma, Trebuchet MS, Arial, Helvetica, sans-serif;
font-size: 8pt;
font-weight: bold;
text-decoration: none;
color: #a6a6a6;
}

a.mauve:visited {
font-family: Tahoma, Trebuchet MS, Arial, Helvetica, sans-serif;
font-size: 8pt;
font-weight: bold;
text-decoration: none;
color: #6b6798;
}

a.blanc {
font-weight: bold;
color: white;
}

a.blanc:hover {
font-weight: bold;
font-decoration: underline;
color: white;
}

a.blanc:visited {
font-weight: bold;
color: white;
}

ul {
margin-left: 10px;
list-style-image : url(pics/puce.gif);
list-style-type: square;
}

li {
margin-left: 10px;
list-style-image : url(pics/puce.gif);
list-style-type: square;
}

.form {
font-weight: normal; 
font-style: normal; 
background-color: white; 
line-height: -1px; 
color: #000000; f
ont-family: Tahoma, Trebuchet MS, Verdana; 
font-size: 8pt; 
border: 1px solid #b2b2b2;
}

td {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: normal;
color: black;
}

/** DIV Contener **/

#cadre {
width: 760px;
margin: 0px;
padding: 0px;
background-color: white;
font-family: Tahoma, Trebuchet MS, Arial, Helvetica, sans-serif;
font-size: 8pt;
font-weight: normal;
color: #363636;
}

#page {
float: left;
width: 760px;
padding: 0px;
margin: 0px;
background-color: white;
}

#footer {
background-color: white;
text-align: center;
padding: 5px;
float: left;
width: 760px;
}

#header {
width: 760px;
padding: 0px;
margin: 0px;
background-image: url(pics/back-menu2.jpg);
}

#headeradmin {
width: 760px;
padding: 0px;
margin: 0px;
background-color: #b2b2b2;
}

#main {
float: right;
width: 584px;
background-color: white;
}

#bas {
width: 550px;
margin-left: 10px;
text-align: justify;
}

#left {
float: left;
width: 176px;
background-color: white;
}

#bloc1 {
float: left;
width: 176px;
background-image: url(pics/backbloc.jpg);
padding-left: 30px;
}

#inner1 {
float: left;
width: 584px;
height: 256px;
background-image:  url(pics/inner1.gif);
}

#inner2 {
float: left;
width: 584px;
height: 143px;
background-image:  url(pics/inner2.gif);
}

#inner3 {
float: left;
width: 584px;
}

#cadre1 {
float: left;
width: 199px;
padding-top: 30px;
padding-left: 20px;
font-size: 7pt;
}

#cadre2 {
float: left;
width: 185px;
padding-top: 30px;
padding-left: 10px;
font-size: 7pt;
}

#cadre3 {
float: right;
width: 197px;
padding-top: 30px;
padding-left: 10px;
font-size: 7pt;
}

#cadre4 {
float: left;
width: 270px;
padding-top: 30px;
padding-left: 22px;
font-size: 7pt;
}

#cadre5 {
float: left;
width: 270px;
padding-top: 30px;
padding-left: 26px;
font-size: 7pt;
}

#footer2 {
text-align: center;
margin-top: 15px;
padding: 5px;
width: 760px;
text-align: right;
}

#titre {
float: left;
width: 584px;
height: 32px;
background-image:  url(pics/backtit.gif);
padding-left: 30px;
padding-top: 10px;
text-align: inherit;
text-transform: uppercase;
}

#contentpage {
width: 584px;
padding-left: 25px;
background-image:  url(pics/backcontent.gif);
}

#contentadmin {
width: 584px;
padding: 25px;
background-image:  url(pics/backcontent.gif);
}

#foottit {
float: left;
width: 584px;
}

#texte {
float: left;
width: 300px;
text-align: justify;
}

#texteblog {
float: left;
width: 450px;
text-align: justify;
}

#photos {
float: left;
width: 250px;
padding-left: 20px;
padding-right:20px;
text-align: justify;
}

#tag {
float: left;
width: 440px;
padding: 10px;
margin: 5px;
}

#photo {
float: left;
width: 200px;
padding-left: 60px;
margin: 0px;
color: white;
}

#liens {
float: left;
width: 440px;
padding: 10px;
margin: 5px;
background-color: #ececec;
}