*{
	margin:0;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
}

a{
	text-decoration:underline;
}

a:hover{
	text-decoration:none;
}

h1{
	font-size:22px;
	color:#F46B34;
	font-weight:normal;
	padding-bottom:3px;
	margin-bottom:30px;
	border-bottom:solid 1px #F46B34;
}

h2{
	font-size:18px;
	color:#675853;
	font-weight:normal;
	margin:10px 0;
}

h3{
	font-size:18px;
	color:#675853;
	font-weight:normal;
	margin:10px 0;
}

body{
	background:url(../gifs/main_bg.jpg) #FFF top repeat-x;
}

#foot_bg{
	background:url(../gifs/foot_bg.jpg) bottom repeat-x;
}

#container {
	width:976px; /* à modifier*/
	margin:0 auto; /* à modifier*/
	position:relative;
	padding-top:240px;
}

#header {
	height:155px; /* à modifier*/
	position:absolute;
	top:0;
	left:0;
	width:100%;
}

#content {
	width:100%; /* à modifier*/
}

#colonne_gauche {
	width:187px; /* à modifier*/
	height:540px; /* à modifier*/
	margin-bottom:20px;
}

#colonne_centre {
	width:724px; /* à modifier*/
	margin:0 39px 20px 26px;
	_margin:0 19px 20px 26px;
	position:relative;
}

#colonne_centre p{
	font-size:0.8em;
	text-align:justify;
	color:#4c4c4c;
	padding-bottom:1em;
}

#colonne_centre ul{
	margin-left:40px;
	color:#4c4c4c;
	font-size:0.8em;
	padding-bottom:1em;
}

#colonne_centre ol{
	margin-left:40px;
	color:#4c4c4c;
	font-size:0.8em;
	padding-bottom:1em;
}

#colonne_centre a{
	color:#f46b34;
}

#footer {
	height:230px; /* à modifier*/
	position:relative;
}

#footer ul{
	list-style:none;
	font-size:12px;
	margin-top:19px;
	line-height:18px;
}

#footer a, #foot a{
	color:#4c4c4c;
	text-decoration:none;
}

#footer a:hover, #foot a:hover{
	text-decoration:underline;
}

#foot{
	color:#4c4c4c;
	font-size:12px;
	position:absolute;
	bottom:179px;
	text-align:center;
	width:976px;
	z-index:2;
}

* html #foot{
	position:static;
}


#f_navigation{
	background:url(../gifs/navigation.jpg);
	width:327px;
	height:184px;
	margin:33px 0 0 0;
}

#f_navigation p{
	font-size:16px;
	padding:37px 0 0 33px;
	color:#4c4c4c;
}

#f_navigation ul{
	margin-left:33px;
	_margin-left:20px;
}

#f_institut{
	background:url(../gifs/institut.jpg);
	width:210px;
	height:184px;
	margin-top:33px;
}

#f_institut p{
	font-size:16px;
	padding:37px 0 0 35px;
	color:#4c4c4c;
}

#f_institut ul{
	margin-left:35px;
	_margin-left:15px;
}

#f_formation{
	background:url(../gifs/formation.jpg);
	width:221px;
	height:184px;
	margin-top:33px;
}

#f_formation p{
	font-size:16px;
	padding:37px 0 0 35px;
	color:#4c4c4c;
}

#f_formation ul{
	margin-left:35px;
	_margin-left:15px;
}

#f_licence{
	background:url(../gifs/licence.jpg) no-repeat;
	width:218px;
	height:184px;
	margin-top:33px;
}

#f_licence p{
	font-size:16px;
	padding:37px 0 0 24px;
	color:#4c4c4c;
}

#f_licence ul{
	margin-left:24px;
	_margin-left:12px;
}

#logo {
	width:170px; /* à modifier*/
	height:130px; /* à modifier*/
	background:url(../gifs/logo.jpg);
}

#logo a{
	text-decoration:none;
	cursor:pointer;
	display:block;
	width:170px;
	height:130px;
}

#logo a:hover{
	background:url(../gifs/logo_over.jpg);
}

#encarts{
	background:url(../gifs/encart_haut.jpg);
	width:670px;
	height:130px;
}

#encart_contact{
	width:214px;
	margin-left:147px;
	_margin-left:74px;
}

#encart_contact p{
	font-size:20px;
	padding:40px 0 0 17px;
}

#encart_contact strong, #encart_plan strong {
	color:#AB3A0C;
}

#encart_contact a{
	text-decoration:none;
	color:#FFF;
	font-size:12px;
	display:block;
	text-align:center;
	background:url(../gifs/btn_contact.jpg);
	width:122px;
	height:22px;
	line-height:22px;
	margin:24px 0 0 45px;
}

#encart_contact a:hover{
	background:url(../gifs/btn_contact_over.jpg);
}

#encart_plan{
	width:193px;
}

#encart_plan p{
	font-size:14px;
	padding:28px 0 0 27px;;
}

#encart_plan a{
	text-decoration:none;
	color:#FFF;
	font-size:12px;
	display:block;
	text-align:center;
	background:url(../gifs/btn_plan.jpg);
	width:120px;
	height:22px;
	line-height:22px;
	margin:10px 0 0 37px;
}

#encart_plan a:hover{
	background:url(../gifs/btn_plan_over.jpg);
}

#encart_licence{
	background:url(../gifs/encart_licence.jpg);
	width:160px;
	height:144px;
	margin-left:17px;
}

#encart_licence h2{
	font-size:14px;
	text-align:center;
	color:#c35004;
	padding-top:12px;
}

#encart_licence p{
	font-size:12px;
	text-align:left;
	padding:16px 7px 8px 7px;
}

#encart_licence a{
	color:#c35004;
	font-size:12px;
	text-align:right;
	display:block;
	padding-right:7px;
}

#newsletter{
	background:url(../gifs/newsletter.jpg);
	width:160px;
	height:38px;
	margin:25px 0 0 17px;
}

#newsletter a{
	color:#FFF;
	font-size:12px;
	text-decoration:none;
	padding:5px 0 0 50px;
	display:block;
}

#newsletter a:hover{
	background:url(../gifs/newsletter_over.jpg);
	height:33px;
}

/* LICENCIES */

.licencie{
	width:320px;
	height:143px;
	_height:150px;
	float:left;
	margin:0 30px 20px 0;
	_margin:0 10px 20px 0;
	border:solid 1px #932D0A;
	padding:5px;
}

/* THEMES */

.theme{
	width:320px;
	float:left;
	border:solid 1px #DF6800;
	padding:5px;
}

ul.diapo {
	list-style:none;
	float:left;
	width:349px;
	margin-right:12px;
	margin-left:0 !important;
	z-index:1;
}


.float_right {
	float:right;
}

.float_left {
	float:left;
}

.clear_both {
	clear:both;
}

.image{
	float:left;
	border:solid 1px #666;
	margin:0 20px 10px 0;
}

.imager{
	float:right;
	border:solid 1px #666;
	margin:0 0 10px 20px;
}

.couleur{
	color:#f46b34 !important;
}

.couleur2{
	color:#DF6800 !important;
	background:#f4f4f4;
	padding-bottom:0 !important;
	margin-bottom:12px;
}

/********************************************************************* CSS associé aux box d'inscription à la newsletter
*/
#newsletter_iframe {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	background:#fff;
}


/* NAVIGATION ------------------------------------------------------------------------------------------------------*/

/* MENU HORIZONTAL */

#menuH{
	width:100%;
	position:absolute;
	top:155px;
	left:0;
	background:url(../gifs/menu_bg.jpg) no-repeat;
	height:85px;
	z-index:5;
}

ul.MenuHorizontal {
   width: 976px;
   list-style: none;
}

ul.MenuHorizontal li a, ul.MenuHorizontal li a:visited {
   display: block;
   color: #FFF !important;         /*Ici, changer la couleur de la police*/
   font-size: 20px !important;         /*Ici, changer la taille de la police du menu*/
   text-align: right !important;
   text-decoration: none;
   cursor:pointer;
   width:290px;
   height:37px !important;
   font-family:Century Gothic, Arial;
   padding:14px 20px 0 0;
}

ul.MenuHorizontal li{
	float:left;
}

li#menu0 {
	margin:12px 5px 0 17px;
	_margin:12px 5px 0 8px;
}

li#menu1{
	margin-top:12px;
}

li#menu2{
	margin:12px 0 0 5px;
}

li#menu0 a {
   background-image: url('../gifs/menuh_20.jpg');         /*Ici l'image de fond de la cellule*/
}

li#menu1 a {
   background-image: url('../gifs/menuh_22.jpg');         /*Ici l'image de fond de la cellule*/
}

ul.MenuHorizontal li#menu2 a {
   background-image: url('../gifs/menuh_24.jpg');         /*Ici l'image de fond de la cellule*/
   height:49px!important;
	padding:2px 20px 0 0!important; 
}

li#menu0 a:hover{
	background-image: url('../gifs/overh_20.jpg');
   color:#221307 !important;
}

a#selected-over0 {
	background-image: url('../gifs/overh_20.jpg') !important;
   color:#221307 !important;
}

li#menu1 a:hover {
   background-image: url('../gifs/overh_22.jpg');
   color:#221307 !important;
}

a#selected-over1 {
   background-image: url('../gifs/overh_22.jpg')  !important;
   color:#221307 !important;
}

li#menu2 a:hover{
   background-image: url('../gifs/overh_24.jpg');
   color:#221307 !important;
}

a#selected-over2 {
   background-image: url('../gifs/overh_24.jpg') !important;
   color:#221307 !important;
}

/* MENU VERTICAL */

ul.MenuVertical {
   width: 170px;
   list-style: none;
   margin:0 0 14px 17px;
}

ul.MenuVertical li a, ul.MenuVertical li a:visited {
   display: block;
   color: #4c4c4c;         /*Ici, changer la couleur de la police*/
   font-size: 14px;         /*Ici, changer la taille de la police du menu*/
   text-align: left;
   text-decoration: none;
   height:37px;
   line-height:30px;
   cursor:pointer;
   background:url(../gifs/menuv_31.jpg);
   padding-left:20px;
}

ul.MenuVertical li a:hover, a#selectedover{
	background:url(../gifs/overv_31.jpg) !important;
}

ul.MenuVertical li{
	height:37px;
}

/* SOUS MENUS */

.sous_menu{
	background:#AB3A0C none repeat scroll 0 0;
	width:310px !important;
}

#sous_menu0 a, #sous_menu1 a, #sous_menu2 a{
	font-size:14px !important;
	text-align:left !important;
	padding:10px 0 0 20px !important;
	font-family:Arial, Helvetica, sans-serif !important;
	background-image:none !important;
	height:24px !important;
}

#sous_menu0 a:hover, #sous_menu1 a:hover, #sous_menu2 a:hover{
	background-image:none !important;
	background:#B29F99;
}


/* LOUPE --------------------------------------------------------------------------------*/

#loupe {
	position: absolute;
	top:29px;
	right: -15px;
	display: block;
	width: 80px;
	height: 16px !important;
	z-index: 2;
	font-size:14px;
	padding:0 !important;
	color:#4a4a4a;
}

#loupe span {font-size:12px; color:#4a4a4a;}

#loupe a {
	width: 30px;
	height: 20px;
	line-height:20px;
	margin-right: 3px;
	color:#4a4a4a;
	text-align:center;
	text-decoration:none;
	font-weight:bold;
	font-size:11px;}

#loupe a:hover {text-decoration:underline;}

zoom {font-size:14px;}

.texte {
	position: absolute;
	top:34px;
	right:-27px;
	display: block;
	width:186px;
	color:#4a4a4a;
	font-size:11px;
}

/* FORMULAIRE DE CONTACT --------------------------------------------------------------------------*/

#contact_form{
	width:450px;
	border-right:solid 1px #ccc;
	float:left;
	margin-top:20px;
}

#formulaire_1{
	width:430px;
}

span.required{
	color:#ff0000;
}

label.required, label.optional{
	width:175px !important;
}

textarea{
	width:211px;
	border:solid 1px #666;
}

input{
	border:solid 1px #666;
}

.submit input{
	padding:2px 5px;
	width:100px;
	background:#DF6800;
	border:none;
	cursor:pointer;
	color:#fff;
	font-weight:bold;
	margin:0 0 0 59px;
}

div.divGenerateurRequired{
	font-size:0.8em;
	font-style:italic;
	color:#4a4a4a;
}

#contact_infos{
	margin:20px 0 0 20px;
	float:left;
}

.appels{
	font-size:1.4em !important;
	color:#DF6800 !important;
	font-weight:bold;
	padding-bottom:10px !important;
}

div.valide{
	background:#932D0A !important;
	width:400px;
	color:#FFF;
}

/* FORMULAIRE DE COMMANDE --------------------------------------------------------------------------*/

#formulaire_2{
	width:550px;
	margin:30px 0 0 60px;
}

input#field_18-coffret-dvd-et-livre-28-50-e, input#field_18-livre-15e, input#field_18-dvd-14-50e, input#field_19-j-envoie-mon-cheque-ce-jour-pour-recevoir-ma-commande{
	border:none;
}

label.optional, label.required{
	color:#4c4c4c;
	font-size:12px;
}

label.noFloatingLabel{
	color:#4c4c4c;
	font-size:12px;
}

#formulaire_2 div.divGenerateurRequired{
	font-size:0.8em;
	position:absolute;
	top:111px;
	font-style:italic;
	color:#4a4a4a;
	left:0;
}

#formulaire_2 h2{
	font-size:18px;
	color:#675853;
	font-weight:normal;
	margin:10px 0;
	border-bottom:solid 1px #675853;
}

.valide p{
	color:#FFF !important;
}

/* FORMULAIRE D'INSCRIPTION --------------------------------------------------------------------------*/

#formulaire_3{
	width:652px;
	margin:30px auto 20px auto;
	border:solid 1px #DF6800;
	padding-top:10px;
	padding-left:70px;
}

input#field_8-cycle-1, input#field_8-cycle-2{
	border:none;
}

#formulaire_3 div.divGenerateurRequired{
	font-size:0.8em;
	position:absolute;
	top:363px;
	font-style:italic;
	color:#4a4a4a;
	left:308px;
}

#formulaire_3 .submit input{
	padding:2px 5px;
	width:200px;
	background:#DF6800;
	border:none;
	cursor:pointer;
	color:#fff;
	font-weight:bold;
	margin:0 0 0 31px;
}

/* PAGE ACTUALITES -------------------------------------------------------------------------*/

#listing_calendrier{
	width:100% !important;
	background:#E9E4E3 !important;
}

#listing_calendrier ul{
	margin-left:0 !important;
}

#listing_calendrier li {
color:#E9E4E3 !important;
}

#listing_calendrier li li{
	text-indent:0 !important;
}

#listing_calendrier li li a{
	color:#ab3a0c !important;
}

#listing_calendrier li li:hover{
	background:none !important;
}

#container_actualite_listing{
	width:700px !important;
}

#container_actualite{
	float:none !important;
}

.actualite{
	width:700px !important;
	_width:680px !important;
	height:120px !important;
}

.actualite .link{
	color:#ab3a0c !important;
	font-weight:normal !important;
	text-decoration:underline !important;
}

/* RELANCE DE LA NAVIGATION --------------------------------------------------------------------------------*/

#relance {
	clear:both;
	border-top:solid 1px #f46b34;
	margin-top:20px;
	padding-top:10px;
}

#relance p{
	text-align:right !important;
}
.moitie {
	float:left;
	width:350px;
}

div.actualite p.categorie {
	display:none !important;
}

#commande {
color:#4C4C4C;
font-size:12px;
margin-bottom:20px;
width:330px;
}
#actualite_detail h2 {
	color:#F46B34 !important;
	border-bottom:1px solid #F46B34 !important;
}
.encartTV {
	width:455px;
	height:114px;
	background-image:url(../gifs/encart-tv2.jpg);
	padding:30px 20px 0 225px;
	text-align:center;
	font-weight:bold;
	font-size:13px;
	line-height:20px;
	margin:0 0 20px 15px;
}


.cache {
font-weight:normal;
}
