/*---------------------------------------------------------------------- 
Copyright : Créative Online
Web : http://www.creative-online.fr
Email : contact@creative-online.fr
----------------------------------------------------------------------*/
body {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
margin: 0px;
text-align:center;
background: transparent url(img/bg.gif) top center repeat;
color: #00BAC9;
}
a {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#00BAC9;
text-decoration:none;
}
a:hover {color:#FDC100;}
p {margin: 0 0 10px 0;}
#header {
height: 101px;
background: transparent url(img/haut.jpg) top center no-repeat;
text-align:center;
border:0px;
}
#header img {border:0px;}
#header a {
display:block;
height: 60px;
width: 468px;
float:right;
margin-top:20px;
margin-right:22px;
}
*html #header a {margin-right:12px;}
#menu {
height: 28px;
background: transparent url(img/menuhaut.jpg) top center no-repeat;
text-align:center;
border:0px;
color:#000000;
line-height:27px;
}
*html #menu {line-height:26px;}
#menu a {
text-transform:uppercase;
font-weight:bold;
}
#conteneur {
width: 768px;
border: 0px;
margin-left:auto;
margin-right:auto;
text-align:center;
background: transparent url(img/page.jpg) top center repeat-y;
}
#centre {
margin:10px;
margin-left: auto;
margin-right: auto;
text-align:center;
width: 460px;
display: block;
}
#gauche {
float:left;
margin-top:10px;
margin-bottom:0px;
margin-left: 5px;
margin-right: 0px;
width: 134px;
height: auto;
display: block;
border:0px;
font-size:10px;
text-align:justify;
}
* html #gauche {margin-left:2px;}
#gauche a {font-size:10px;}
#droite {
float:right;
margin-top:10px;
margin-bottom:0px;
margin-right: 5px;
margin-left: 0px;
width: 134px;
height: auto;
display: block;
border:0px;
font-size:10px;
text-align:justify;
}
* html #droite {margin-right:2px;}
#droite a {font-size:10px;}
#pied {
clear:both;
height: 19px;
background: transparent url(img/footer.jpg) top center no-repeat;
text-align:center;
border:0px;
font-size: 10px;
line-height:17px;
color:#FDC100;
font-weight:bold;
}
h1 {
display: block;
font-size: 10px;
padding:0px;
margin:0px;
margin-top:60px;
margin-left:25px;
width: 228px;
height: 20px;
border:0px;
text-align:left;
color:#FDC100;
float:left;
}
*html h1 {margin-left:12px;}
#pied a {font-size: 10px; color:#FDC100; font-weight:bold;}
#gauche strong {
height: 19px;
width: 135px;
background: transparent url(img/titremenugauche.jpg) top center no-repeat;
text-align:left;
border:0px;
font-size: 10px;
display: block;
line-height:18px;
color:#FFFFFF;
text-transform:uppercase;
text-indent:13px;
}
#droite strong {
height: 19px;
width: 135px;
background: transparent url(img/titremenudroite.jpg) top left no-repeat;
text-align:left;
border:0px;
font-size: 10px;
display: block;
line-height:18px;
color:#FFFFFF;
text-transform:uppercase;
text-indent:37px;
}
#gauche ul {width:135px; list-style: none; margin:0px; margin-bottom:5px; padding:0px; padding-bottom:3px; border:0px; list-style-type:none; text-align:left; background: transparent url(img/menubasgauche.gif) bottom center repeat-y;}
#gauche li {margin-left:3px; text-indent:7px; border:0px; font-size:10px; background: transparent url(img/croix.gif) center left no-repeat;}
#gauche li a {display:block; width:130px; text-indent:7px; border:0px; font-size:10px; background: transparent url(img/croix.jpg) center left no-repeat;}

#droite ul {width:135px; list-style: none; margin:0px; margin-bottom:5px; padding:0px; padding-bottom:3px; border:0px; list-style-type:none; text-align:left; background: transparent url(img/menubasdroite.gif) bottom left repeat-y;}
#droite li {margin-left:3px; text-indent:7px; border:0px; font-size:10px; background: transparent url(img/croix.gif) center left no-repeat;}
#droite li a {display:block; width:130px; text-indent:7px; border:0px; font-size:10px; background: transparent url(img/croix.jpg) center left no-repeat;}

#shop li {background:none;}

#gauche_menu {width:135px; margin:0px; margin-bottom:5px; padding:0px; padding-bottom:3px; border:0px; text-align:center; background: transparent url(img/menubasgauche.gif) bottom center repeat-y;}
#droite_menu {width:135px; margin:0px; margin-bottom:5px; padding:0px; padding-bottom:3px; border:0px; text-align:center; background: transparent url(img/menubasdroite.gif) bottom left repeat-y;}

#gauche_menu img {border:1px solid #00BAC9; margin-top:3px;}
#droite_menu img {border:0px; margin-top:3px;}
#centre strong {
height: 19px;
width: 460px;
background: transparent url(img/centrehaut.jpg) top center no-repeat;
text-align:left;
border:0px;
font-size: 10px;
display: block;
line-height:18px;
text-align:center;
margin-left:auto;
margin-right:auto;
color:#FFFFFF;
text-transform:uppercase;
}
.centre_milieu, .centre_milieu_photo {
height:auto;
width: 460px;
border:0px;
display: block;
text-align:center;
background: transparent url(img/centremilieu.gif) bottom center repeat-y;
margin-bottom:5px;
padding-bottom:10px;
}
#centre p {
height:auto;
width: 450px;
border:0px;
display: block;
text-align:justify;
margin-left:auto;
margin-right:auto;
}
.centre_milieu img, .centre_milieu_photo img {margin-top:5px; margin-left:2px; margin-right:2px; border:1px solid #00BAC9;}
.centre_milieu a {
border:1px solid #666666;
background-color:#00B9CA;
color:#FFC200;
height: 19px;
width: 322px;
display: block;
margin-top:5px;
margin-left:auto;
margin-right:auto;
text-transform:uppercase;
font-weight:bold;
line-height:18px;
}
.centre_milieu a:hover {background-color:#FFC200; color:#00B9CA;}
.centre_milieu_nav {
height:auto;
width: 460px;
border:0px;
display: block;
text-align:center;
background: transparent url(img/centremilieu.gif) bottom center repeat-y;
margin-bottom:5px;
padding-bottom:10px;
font-weight:bold;
line-height:25px;
}
.centre_milieu_nav a {
font-weight:normal;
}
.centre_milieu_dl {
height:auto;
width: 460px;
border:0px;
display: block;
text-align:center;
background: transparent url(img/centremilieu.gif) bottom center repeat-y;
margin-bottom:5px;
padding-bottom:10px;
}
.centre_milieu_dl a {
text-decoration:underline;
}
.centre_milieu_dl img {
border:0px;
}
.centre_milieu_dl2 {
height:auto;
width: 460px;
border:0px;
display: block;
text-align:center;
background: transparent url(img/centremilieu.gif) bottom center repeat-y;
margin-bottom:5px;
padding-bottom:10px;
}
.centre_milieu_dl2 a {
text-decoration:underline;
}
.centre_milieu_dl2 img {
border:0px;
}
.centre_milieu_dl2 iframe {
display:block;
height: 345px;
width: 312px;
border:0px;
padding:0px;
margin:0px;
margin-left:auto;
margin-right:auto;
}
*html .centre_milieu_dl2 iframe {
width: 300px;
}
textarea {height:90px; width:196px; border:1px solid #00BAC9; margin:0px; margin-bottom:1px; padding:0px; background-color:#FAFAFA;}
#form_info {margin:0px; border:0px; margin-left:10px; margin-right:100px; padding:0px; text-align:right;}
* html #form_info {margin-top:1px;}
a.info {position:relative; font-weight:bold; color:#00BAC9; cursor:help;}
a.info span {display:none;}
a.info:hover {background:none; z-index:500;}
a.info:hover span {width:180px; display:inline; position:absolute; top:2em; left:1em; font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #00BAC9; background-color:#FAFAFA; border:1px solid #00BAC9; text-align:left; padding:2px; font-weight:normal;}
input {width:196px; margin:0px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#00BAC9; margin-bottom:1px; border:1px solid #00BAC9; background-color:#FAFAFA;}
a.info2 {position:relative; font-weight:bold; color:#00BAC9; cursor:help;}
a.info2 span {display:none;}
a.info2:hover {background:none; z-index:500;}
a.info2:hover span {width:auto; display:inline; position:absolute; top:2em; left:1em; font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #00BAC9; background-color:transparent; border:0px text-align:left; padding:0px;}

.centre_milieu_annuaire {
height:auto;
width: 460px;
border:0px;
display: block;
text-align:center;
background: transparent url(img/centremilieu.gif) bottom center repeat-y;
margin-bottom:5px;
padding-bottom:10px;
}
.centre_milieu_annuaire a {
text-decoration:none;
}
.centre_milieu_annuaire img {
border:0px;
}

.centre_milieu_photo a {
text-align:center;
}

.centre_milieu_photo b a {
border:1px solid #666666;
background-color:#00B9CA;
color:#FFC200;
height: 19px;
width: 322px;
display: block;
margin-top:5px;
margin-left:auto;
margin-right:auto;
text-transform:uppercase;
font-weight:bold;
line-height:18px;
}
/*---------------------------------------------------------------------- 
Copyright : Créative Online
Web : http://www.creative-online.fr
Email : contact@creative-online.fr
----------------------------------------------------------------------*/