/* 
 * Copyright (c) 2007 Copyright (c) Octolys Development
 * Ce template a été réalisé par http://www.scopika.com & http://www.fredodo.com
 * Il est soumis à la licence GPL
 */

/* Ce fichier définit le style visuel pour les différents éléments des pages.
 * Dans l'ordre, vous trouverez les règles qui définissent l'apparence pour:
 * - Eléments HTML en général
 * - Page
 * - Entête
 * - Chemin
 * - Produit petit & grand
 * - Pied de page
 * - Menu général
 * - Signature
 * - Nombre de pages
 * - les styles particuliers pour les pages intérieures
 */


/* Eléments HTML en général
-------------------------------------------------------- */
@import url(style_editeur.css);

body {
	padding: 0;
	margin: 0;
	font-family: "Trebuchet MS", "MS Sans Serif", Arial;
	font-size:15px;
}
h1, h2, h3, h4 {
	margin: 0;
	padding: 0;
}

h1{
font-family: "Franklin Gothic Heavy", Impact;
font-size:20px;
font-weight:100;
line-height:40px;

}

h2{
font-family: Elephant, "Cooper Black";
font-size: 18px;
font-weight:lighter;
margin: 0;
padding: 0;
}

h3{
font-family: "Franklin Gothic Heavy", Impact;
font-weight:lighter;
font-size:16px;
}

h4{
	font-size: 15px;
	margin:0 0 10px 0;
}

h5{
	font-size: 12px;
	margin:0;
	clear:both;
}

a, a:visited {
	color: #000000;
	text-decoration: none;
	margin:0;
	padding:0;
}
 a:hover  {
	color: #000000;
	cursor:pointer;
}

ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

dl, dt, dd, li {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

img {
	border: 0
}

.hide {
	display:none;
}

/* Page
-------------------------------------------------------- */

#wrapper {
	width: 700px;
	margin: auto;
	padding: 0;
	background-image:url(_gfx/fond.jpg);
}
#subwrapper {
width:600px;
padding: 0;
margin: 0 50px 0 50px;
overflow:hidden;

}

#contenu {
width:600px;
padding:0;
margin:0;
}

#contenu1 {
width:600px;
padding:0;
margin:0;
background-image:url(_gfx/fondthelia.jpg);
background-repeat:no-repeat;
}

#contenu3 {
width:600px;
padding:0;
margin:0;
background-image:url(_gfx/fonddev.jpg);
background-repeat:no-repeat;
}

#contenu31 {
width:570px;
height:700px;
padding:0;
margin-left:15px;
background-image:url(_gfx/fonddev2.jpg);
background-repeat:no-repeat;
}

#contenu31 span {
display:block;
width:300px;
padding:140px 0px 0px 230px;
}


#contenu5 {
width:600px;
padding:0;
margin:0;
background-image:url(_gfx/contact.jpg);
background-repeat:no-repeat;
}


 
/*  général
-------------------------------------------------------- */
.logo {
width:700px;
height:90px;
background-image:url(_gfx/logo.jpg);
background-repeat:no-repeat;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
text-align: right;
line-height:55px;
}

.logo span {
margin-right:55px
}

#menu {
width:600px;
height:46px;
background-image:url(_gfx/mainmenu.jpg);
background-repeat:no-repeat;
}

#menu ul li {
width:150px;
height:46px;
float:left;
line-height:46px;
text-align:center;
}



.menutitre {
width:150px;
height:46px;
float:left;
text-align:center;
line-height:46px;
}

.menutitre a:hover {
width:150px;
float:left;
height:46px;
background-image: url(_gfx/mainmenu_hover.png);
background-position:bottom;
background-repeat:no-repeat;
text-decoration:none;
}

.boutonbleu {
width:250px;
height:40px;
margin:0px 0px 0px 20px;
padding:0;
float:left;
text-align:center;
background-image:url(_gfx/boutonbleu.png);
background-repeat:no-repeat;
line-height:17px;
}

.boutonbleu a:hover {
width:250px;
height:40px;
margin:0px 0px 0px 0px;
padding:0;
float:left;
text-align:center;
background-image:url(_gfx/boutonorange.png);
background-repeat:no-repeat;
line-height:17px;
}

.boutonorange {
width:250px;
height:40px;
margin:0px 0px 0px 40px;
padding:0;
float:left;
text-align:center;
background-image:url(_gfx/boutonorange.png);
background-repeat:no-repeat;
line-height:17px;
}

.boutonorange a:hover {
width:250px;
height:40px;
margin:0;
padding:0;
float:left;
text-align:center;
background-image:url(_gfx/boutonbleu.png);
background-repeat:no-repeat;
line-height:17px;
}

.boutonvert {
width:250px;
height:40px;
margin:0px 0px 0px 300px;
padding:0;
float:left;
text-align:center;
background-image:url(_gfx/boutonvert.png);
background-repeat:no-repeat;
line-height:38px;
}

.boutonvert3 {
width:250px;
height:40px;
margin:0;
padding:0;
float:left;
text-align:center;
background-image:url(_gfx/boutonorange.png);
background-repeat:no-repeat;
line-height:38px;
}


.boutonvert2 {
width:250px;
height:40px;
margin-left:0;
padding:0;
float:left;
text-align:center;
background-image:url(_gfx/boutonvert.png);
background-repeat:no-repeat;
line-height:38px;
}

.boutonvert21 {
width:250px;
height:40px;
padding:0;
float:left;
background-image:url(_gfx/boutonvert.png);
background-repeat:no-repeat;
line-height:38px;
}

.boutonviolet21 {
width:250px;
height:40px;
padding:0;
float:left;
background-image:url(_gfx/boutonviolet.png);
background-repeat:no-repeat;
line-height:38px;
}

.boutonviolet {
width:250px;
height:40px;
margin:0;
padding:0;
float:left;
text-align:center;
background-image:url(_gfx/boutonviolet.png);
background-repeat:no-repeat;
line-height:38px;
}

.boutonorange2 {
width:250px;
height:40px;
margin:0px 0px 0px 50px;
padding:0;
float:left;
text-align:center;
background-image:url(_gfx/boutonorange.png);
background-repeat:no-repeat;
line-height:38px;
}


.boutonviolet3 {
width:250px;
height:40px;
margin:0;
padding:0;
float:left;
text-align:center;
background-image:url(_gfx/boutonviolet.png);
background-repeat:no-repeat;
line-height:38px;
}

.liorange{
width:150px;
height:46px;
float:left;
text-align:center;
background-image:url(_gfx/menuorange.png);
}

.libleu{
width:150px;
height:46px;
float:left;
text-align:center;
background-image:url(_gfx/menubleu.png);
}

.livert{
width:150px;
height:46px;
float:left;
text-align:center;
background-image:url(_gfx/menuvert.png);
}

.liviolet{
width:150px;
height:46px;
float:left;
text-align:center;
background-image:url(_gfx/menuviolet.png);
}

.page {
width:570px;
margin:0px 15px;
}

.page1 {
width:585px;
height:50px;
margin:15px 0px 0px 15px;
}

.demipage {
width:290px;
margin-right:5px;
float:left;
background:none;
}

.demipage_droite1 {
width:250px;
padding:5px;
float:right;
text-align:right;
border:dashed 1px #FF9900;
}
.page2 {
width:600px;
height:1050px;
background-image:url(_gfx/fondbook.jpg);
background-repeat:no-repeat;
}

.demipage2 {
width:360px;
margin-left:15px;
float:left;
text-align:right;
}

.demidemipage {
width:180px;
margin-left:180px;
text-align:right;
margin-top:5px;
padding:0;
}
.demidemipage2 {
}

.demipage_droite2 {
width:190px;
float:right;
margin-right:15px;
text-align:right;
}

.page3 {
width:585px;
margin:0px 0px 0px 15px;
background-repeat:no-repeat;
}

.page31 {
width:570px;
margin:15px 15px 0px 15px;
background-repeat:no-repeat;
}

.demidemipage3 {
width:175px;
margin-right:15px;
padding-left:5px;
float:left;
}

.demipage_droite_chaise {
width:255px;
height:450px;
padding:5px 5px 5px 10px;
margin-top:20px;
float:right;
background-image:url(_gfx/chaise.jpg);
background-repeat:no-repeat;
}

.demipage_droite_cadre {
width:255px;
height:450px;
padding:5px 5px 5px 10px;
float:right;
background-image:url(_gfx/cadre.jpg);
background-repeat:no-repeat;
}

.demipage_droite_couronne {
width:255px;
padding:5px 5px 5px 10px;
float:right;
background-image:url(_gfx/couronne.jpg);
background-repeat:no-repeat;
}


.titreorange {
width:165px;
height:40px;
background-image:url(_gfx/titreorange.png);
background-repeat:no-repeat;
text-align:center;
line-height:40px;
}
.titreorange2 {
width:165px;
height:40px;
float:right;
background-image:url(_gfx/titreorange.png);
background-repeat:no-repeat;
text-align:center;
line-height:40px;
}


.titrebleufonce {
width:165px;
height:40px;
background-image:url(_gfx/titrebleufonce.png);
background-repeat:no-repeat;
text-align:center;
line-height:40px;
color:#FFFFFF;
}

.titrebleu {
width:165px;
height:40px;
background-image:url(_gfx/titrebleu.png);
text-align:center;
line-height:40px;
}

.titrebleu2 {
width:165px;
height:40px;
float:right;
background-image:url(_gfx/titrebleu.png);
text-align:center;
line-height:40px;
}


.titrevert {
width:165px;
height:40px;
background-image:url(_gfx/titrevert.png);
text-align:center;
line-height:40px;
}

.titreviolet {
width:165px;
height:40px;
background-image:url(_gfx/titreviolet.png);
text-align:center;
line-height:40px;
}

.titreviolet2 {
width:165px;
height:40px;
background-image:url(_gfx/titreviolet.png);
text-align:center;
line-height:40px;
float:left;
}


#colonnegauche {
width:120px;
margin-left:15px;
float:left;
height:1400px;
}

.sticker {
width: 455px;
padding-right:10px;
float:right;
background-image:url(_gfx/fondstiker.png);
background-repeat:no-repeat;
}

#banniereplugin {
clear: left;
width:600px;
height:240px;
background-image:url(_gfx/banniereplugin.jpg);
background-repeat:no-repeat;
}


#bannieretemplate {
clear: left;
width:600px;
height:240px;
background-image:url(_gfx/bannieretemplate.jpg);
background-repeat:no-repeat;
}

#bannieresurmesure {
clear: left;
width:570px;
height:210px;
background-image:url(_gfx/bannieresurmesure.jpg);
background-repeat:no-repeat;
padding-top:25px;
}

.bannierein {
width:350px;
padding-left:10px;
}

#bannieredev {
width:600px;
height:240px;
background-image:url(_gfx/bannieredev.jpg);
background-repeat:no-repeat;
}
#bannieregraph {
width:600px;
height:240px;
background-image:url(_gfx/bannieregraph.jpg);
background-repeat:no-repeat;
}
#banniereref {
width:600px;
height:240px;
background-image:url(_gfx/banniereref.jpg);
background-repeat:no-repeat;
}
#banniereheb {
width:600px;
height:240px;
background-image:url(_gfx/banniereheb.jpg);
background-repeat:no-repeat;
}

a.bannieretelecharger {
display:block;
width:600px;
height:240px;
background-image:url(_gfx/bannieretelecharger.jpg);
background-repeat:no-repeat;
}

a.bannieretelecharger:hover {
display:block;
width:600px;
height:240px;
background-image:url(_gfx/bannieretelecharger_vert.jpg);
background-repeat:no-repeat;
}

a.bannieresouscrire {
display:block;
width:600px;
height:240px;
background-image:url(_gfx/bannieresouscrire.jpg);
background-repeat:no-repeat;
}

a.bannieresouscrire:hover {
display:block;
width:600px;
height:240px;
background-image:url(_gfx/bannieresouscrire_vert.jpg);
background-repeat:no-repeat;
}

.tiret {
width:560px;
height:5px;
border-bottom:dashed 1px #cc00ff;
}
.tiret2 {
width:560px;
height:5px;
border-bottom:dashed 1px #000000;
}

#formcontact {
margin-left:160px;
padding-top:30px;
}

.normal {
width:570px;
margin:15px;
}

.cache {
float:left;
width:600px;
margin-top:-30px;
background-image:url(_gfx/cache1.jpg);
overflow:hidden;
}


.souscache {
float:left;
width:550px;
margin:25px;
}


.souscache span {
display:block;
width:540px;
height:50px;
line-height:40px;
background-image:url(_gfx/sousousbande.png);

}

li.add {
display:block;
width:260px;
height:24px;
line-height:24px;
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
float:left;
}

.separateur {
width:550px;
height:8px;
background-image:url(_gfx/separateur.png);
background-repeat:no-repeat;
}


/* Correction des bug Internet Explorer
-------------------------------------------------------- */

* html button {width:1%; overflow:visible;} 
*:first-child+html button {overflow:visible;}