f/* 
 * 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
-------------------------------------------------------- */

* {
margin:0;
padding:0;
}

body {
	padding: 0;
	margin: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	background-color: #FFFFFF;
	font-size: 10px;
}

h1, h2, h3{
	font-family: "Trebuchet MS", sans-serif;
}

h1{
	font-size: 1.8em;
	margin: 0;
	padding: 0;
}
h2{
	font-size: 1.5em;
	margin: 0;
	padding: 0;
}
h3{
	font-size: 1.1em;
	margin: 0;
	padding: 0;
}

a {
	color: #793d5e;
	text-decoration: none;
}

a:visited {
	color: #793d5e;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
	color: #793d5e;
}

img {
	border: 0
}

img, input { behavior: url("iepngfix.htc") }

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

#wrapper {
	width: 994px;
	text-align: left;
	overflow: visible;
	position: relative;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding: 0;
}

#subwrapper {
	overflow: hidden;
	position: relative;
	padding: 0;
	width: 994px;
	background-color: #FFFFFF;
}

#content {
	padding: 0;
	clear: both;
	margin: 0;
}

#contenu {
	float: left;
	width:984px;
	padding: 0;
	margin-top: 10px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 10px;
}

.titrePage {
	color: #12335B;
	text-align: left;
	font-weight: bold;
	width: 750px;
	padding-top: 10px;
	padding-bottom: 5px;
}

.sousTitrePage {
	color: #12335B;
	text-align: left;
	font-weight: bold;
	width: 750px;
	padding-top: 10px;
	padding-bottom: 10px;
}

.textePage {
	color: #141414;
	text-align: left;
	font-weight: bold;
	margin-top: 5px;
	margin-bottom: 5px;
}

.separation {
	height: 1px;
	width: 775px;
	background-color: #7f8eb9;
	margin-top: 5px;
	margin-bottom: 5px;
	overflow:hidden;
	zoom:1;
}


/* Blocs de mise en page */

#index_slide {
	width:625px;
	height:auto;
	float:left;
}

#slide {
width:615px;
height:230px;
margin-bottom:5px;
}


#zoom_coupons {
	width:615px;
	float:left;
	height:auto;
	margin-bottom:40px;
}

#zoom_adresses {
	float:left;
	font-size:9px;
	height:auto;
	line-height:180%;
	margin-bottom:10px;
	text-align:justify;
	padding-right:10px;
}

#index_sidebar {
	width:355px;
	height:auto;
	margin-left:1px;
	float:left;
}

#newsletter {
	width:251px;
	height:44px;
	background:url(images/newsletter.gif) no-repeat top;
	padding-top:45px;
	padding-left:100px;
	color:#642d4b;
	font-size:9px;
}


#newsletter2 {
	width:209px;
	height:141px;
	background:url(images/newsletter2.gif) top no-repeat;
	color:#642d4b;
	font-size:9px;
}

#agenda_sidebar {
	width:299px;
	height:auto;
	margin-left:40px;
	margin-top:10px;
}


#agenda_compte {
	width:299px;
	height:auto;
	margin-top:5px;
}

#agenda_middle {
background:url(images/middle_cadre_agenda.gif) repeat-y;
padding-top:10px;
padding-left:10px;
padding-right:10px;
}

#content_sidebar {
	width:235px;
	height:auto;
	float:left;
}

#content_main {
	width:730px;
	height:auto;
	float:left;
	margin-left:10px;
}

#box_title {
font-size:12px;
font-weight:bold;
margin-top:10px;
padding-left:22px;
padding-top:40px;
text-align:center;
width:150px;
}

#annonceurs {
background:transparent url(images/annonceur.gif) no-repeat scroll left center;
color:#793D5E;
font-weight:bold;
height:55px;
padding-left:30px;
padding-top:60px;
width:155px;
margin-left:20px;
}

#nuage {
width:190px;
height:auto;
margin-top:30px;
}

#conteneur_titre {
width:auto;
height:23px;
float:left;
margin-left:5px;
margin-top:5px;
margin-bottom:15px;
}

#cadre_photo {
width:339px;
height:221px;
position:relative;
overflow:hidden;
margin-left:auto;
margin-right:auto;
}

#debug_100 {
width:100%;
height:auto;
float:left;
margin-bottom:10px;
}

#prod_description {
float:left;
width:420px;
height:auto;
margin-top:10px;
margin-left:10px;
}

#prod_bloc_infos {
float:left;
width:450px;
height:auto;
}


#cadre_slide {
float:left;
width:433px;
height:90px;
margin-top:5px;
background:url(images/fond-slide.gif) no-repeat;
padding-left:5px;
padding-right:5px;
}

#infos_prod {
width:250px;
height:auto;
color:#898989;
margin-top:10px;
}

#coupon_prod {
height:auto;
margin-left:25px;
margin-top:20px;
width:209px;
}

.coupon_titre_prod {
width:155px;
height:47px;
position:absolute;
left:28px;
top:6px;
color:#FFFFFF;
font-weight:bold;
}

#prod_desc {
float:left;
width:265px;
height:auto;
margin-left:10px;
}

#compte_side {
float:left;
width:240px;
height:auto;
}

#compte_main {
float:left;
width:730px;
height:auto;
margin-left:10px;
}

#titreprod {
width:auto;
padding-left:10px;
padding-right:10px;
padding-top:3px;
height:20px;
position:relative;
float:left;
color:#FFFFFF;
font-size:16px;
font-weight:bold;
}

#titreprod_cacheleft {
width:38px;
height:23px;
position:absolute;
left:0;
top:0;
}

#titreprod_cacheright {
width:38px;
height:23px;
position:absolute;
right:0;
top:0;
}

/* Blocs RUBRIQUE */

#rub_coupon {
width:146px;
height:180px;
float:left;
}

#rub_desc {
width:569px;
height:180px;
float:left;
margin-left:8px;
position:relative;
background:#efefef;
}

#rub_desc_single {
width:700px;
height:auto;
float:left;
margin-left:8px;
position:relative;
}

#rub_prod_titre {
width:570px;
height:25px;
float:left;
}

#rub_prod_wrapper {
width:570px;
height:auto;
float:left;
margin-top:10px;
}

#rub_prod_infos {
margin-left:3px;
width:190px;
height:auto;
float:left;
font-size:11px;
color:#898989;
}

#rub_prod_infos_single {
width:100%;
height:auto;
float:left;
font-size:11px;
color:#898989;
}

#rub_prod_comment {
width:370px;
height:auto;
float:left;
font-size:11px;
color:#4c2c3d;
}

#rub_zoom {
width:100%;
height:auto;
margin-bottom:10px;
}


#rub_prod_wrapper_single {
width:630px;
height:auto;
float:left;
margin-top:10px;
}

/* BLOCS SLIDE SHOW */

#slide_debug {
width:339px;
height:auto;
float:left;
}

#slide_debug100 {
width:260px;
height:auto;
float:left;
margin-left:10px;
}

#slide_texte {
width:100%;
height:auto;
text-align:center;
}

#slide_coupon {
width:100%;
height:auto;
text-align:center;
margin-top:40px;
}

#slide_bigdiv {
width:100%;
height:230px;
margin-bottom:10px;
}


#slide_navig {
height:auto;
margin-top:5px;
margin-bottom:5px;
width:100%;
}

#slide_control {
height:auto;
margin-bottom:10px;
width:100%;
text-align:center;
}

/* DIV COUPON */

#Bcoupon_wrapper {
width:209px;
height:auto;
margin-top:5px;
margin-left:auto;
margin-right:auto;
}


#Bcoupon_cache_img {
width:209px;
height:59px;
position:relative;
}

#Bcoupon_description {
	width:205px;
	height:auto;
	text-align:center;
	padding-bottom:5px;
	padding-left:2px;
	padding-right:2px;
}

/* DIV MINI COUPON */

#Mcoupon_titre_img {
width:146px;
height:156px;
position:absolute;
top:0;
}

#Mcoupon_titre_prod {
bottom:0;
height:38px;
margin-left:20px;
position:absolute;
width:110px;
z-index:666;
color:#FFFFFF;
font-weight:bold;
}

#Mcoupon_env {
width:146px;
height:auto;
float:left;
margin-right:7px;
cursor:pointer;
}

/* AGENDA */

#agenda_type {
width:190px;
height:auto;
margin-bottom:10px;
margin-left:10px;
}

/* SPAN COLOR */

.marqueur_date {
	color:#c1006d;
	font-weight:bold;
}

.marqueur_lieu {
	color:#40122b;
	font-weight:bold;
}

.text_agenda {
	color:#40122b;
}

.titre_fiche {
	padding:5px;
	color:#FFF;
	font-size:17px;
	font-weight:bold;
}

.chapo_fiche {
	color:#642d4b;
	font-size:12px;
	font-weight:bold;
}

.txt_fiche {
	color:#642d4b;
	font-size:12px;
}

a.LIEN_nuage:link {
	color: #a5a3a5;
	text-decoration: none;
}

a.LIEN_nuage:visited {
	color: #a5a3a5;
	text-decoration: none;
}

a.LIEN_nuage:hover {
	color: #a5a3a5;
	text-decoration: underline;
}

a.LIEN_agenda:link {
	font-weight:bold;
	font-size:13px;
	color: #40122B;
	text-decoration: none;
}

a.LIEN_agenda:visited {
	font-weight:bold;
	font-size:13px;
	color: #40122B;
	text-decoration: none;
}

a.LIEN_agenda:hover {
	font-weight:bold;
	font-size:13px;
	color: #C1006D;
	text-decoration: none;
}



/* Entête
-------------------------------------------------------- */

#entete {
	float: left;
	background:#FFFFFF url(images/header.gif) no-repeat top;
	width: 994px;
	height:auto;
	margin: 0;
	color: #4c1b36;
}

#logo {
width:275px;
height:133px;
float:left;
margin-left:10px;
}

#monCompte {
	margin-top:10px;
	width:245px;
	height:83px;
	background:url(images/monCompte.gif) top no-repeat;
	float:right;
}

.formMonCompte {
	float: left;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 0;
	padding-left: 0;
	margin-top: 0;
	margin-right: 3px;
	margin-bottom: 0;
	margin-left: 0;
}

.form_search {
	padding-top:10px;
	padding-left:10px;
	border:0;
	width:414px;
	height:27px;
	color:#793d5e;
	font-size:11px;
	background:url(images/form_search.gif) left no-repeat;
}


.blocMonCompte {
	float: left;
	padding:0;
	margin: 0;
}

.champFormMonCompte {
	font-size: 10px;
	padding: 0;
	margin: 0;
	color: #642d4b;
	background-color: #FFFFFF;
	border: 1px solid #a59ca1;
	overflow: hidden;
	zoom: 1;
}
.champFormlog {
	font-size: 10px;
	padding: 0;
	margin: 0;
	color: #642d4b;
	background-color: #FFFFFF;
	border: 1px solid #a59ca1;
	overflow: hidden;
	zoom: 1;
	width:100px;
}
.menuMonCompte {
	float: left;
	color: #a9c9e9;
	margin-top: 5px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	width: 100%;
	padding: 0;
}

#monPanier {
	float: left;
	width: 250px;
	margin: 0;
	border-left-width: 1px;
	border-left-style: dotted;
	border-left-color: #FFFFFF;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 10px;
}

.boutonMonCompteEntete {	
	float: left;
	margin: 0;
	padding-top: 5px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
}

a.LIEN_entete:link {
	font-size:9px;
	color: #c1006d;
	text-decoration: none;
}

a.LIEN_entete:visited {
	font-size:9px;
	color: #c1006d;
	text-decoration: none;
}

a.LIEN_entete:hover {
	font-size:9px;
	color: #c1006d;
	text-decoration: underline;
}


/* Chemin
-------------------------------------------------------- */

#chemin {
	float: left;
	width:994px;
	margin: 0;
	padding: 0;
	border-top:#793d5e 8px solid;
}

#chemin img {
	margin-right:0.1em;
	margin-left:0.1em;
	margin-top:1px;
}


a.LIEN_chemin:link {
	color: #a9c9e9;
	text-decoration: none;
}

a.LIEN_chemin:visited {
	color: #a9c9e9;
	text-decoration: none;
}

a.LIEN_chemin:hover {
	color: #a9c9e9;
	text-decoration: underline;
}

/* Produit petit & grand
-------------------------------------------------------- */

.ListeProduitsPetits {
	float: left;
	width: 760px;
	margin: 0;
	padding: 0;
}

.produitPetit {
	float: left;
	width: 170px;
	margin-top: 20px;
	margin-right: 20px;
	margin-bottom: 0;
	margin-left: 0;
	padding: 0;
}

.contourImage {
	border: 1px solid #0066CC;
	margin-bottom: 5px;
	float: left;
}

.titreProduit {
	color: #12335B;
	text-align: left;
	font-weight: bold;
	margin-top: 5px;
	margin-bottom: 5px;
	width: 100%;
}

.chapoProduit {
	color: #12335B;
	text-align: left;
	font-style: italic;
	font-size: 0.9em;
	line-height: 1.2em;
	margin-bottom: 5px;
	width: 100%;
}

.descriptionProduit {
	color: #12335B;
	text-align: left;
	margin-top: 5px;
	margin-bottom: 10px;
}

.prixProduit {
	color: #793d5e;
	text-align: left;
	font-weight: bold;
	margin-top: 5px;
}

.ficheProduit {
	float:left;
	width: 470px;
	margin-left: 10px;
}


a.LIEN_commander:link {
	color: #0066CC;
	text-decoration: none;
	font-weight: bold;
}

a.LIEN_commander:visited {
	color: #0066CC;
	text-decoration: none;
	font-weight: bold;
}

a.LIEN_commander:hover {
	color: #0066CC;
	text-decoration: underline;
	font-weight: bold;
}

/* Nombre de pages
-------------------------------------------------------- */

#pages {
	float: left;
	width: 775px;
	text-align: right;
	font-size: 0.9em;
	padding-top: 10px;
	margin: 0;
	padding-bottom: 10px;
	color: #12335B;
}

a.LIEN_pages:link {
	color: #12335B;
	text-decoration: none;
	font-weight: bold;
}

a.LIEN_pages:visited {
	color: #12335B;
	text-decoration: none;
	font-weight: bold;
}

a.LIEN_pages:hover {
	color: #12335B;
	text-decoration: underline;
	font-weight: bold;
}


/* Pied de page
-------------------------------------------------------- */

#footer{
	float: left;
	width: 994px;
	color: #FFFFFF;
	font-size: 9px;
	text-align: center;
	margin-top: 20px;
	background:#793d5e url(images/pied.gif) bottom no-repeat;
	padding-top:5px;
	padding-bottom:5px;
	margin-bottom:20px;
}

a.LIEN_footer:link {
	color: #dab6cb;
	text-decoration: none;
	font-weight: bold;
}

a.LIEN_footer:visited {
	color: #dab6cb;
	text-decoration: none;
	font-weight: bold;
}

a.LIEN_footer:hover {
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
}

/* Liens WHITE ---------------------- */

a.LIEN_white:link {
	color: #FFFFFF;
	text-decoration: none;
}

a.LIEN_white:visited {
	color: #FFFFFF;
	text-decoration: none;
}

a.LIEN_white:hover {
	color: #FFFFFF;
	text-decoration: underline;
}

/* Divers éléments de formulaires & tableaux
-------------------------------------------------------- */

.enteteTableau {
	color: #;
	font-weight: bold;
	background-color: #dedce6;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
}

.ligneTableau {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #c6cdde;
	font-size: 0.9em;
}

.footerTableau {
	color: #12335B;
	font-weight: bold;
	background-color: #bdbbcd;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
}

.boutonMonCompteContenu {
	font-weight: bold;
	width: 765px;
	text-align: right;
	margin: 10px;
}

.zoneDeSaisie {
	color: #793D5E;
	font-size: 0.9em;
	padding: 0;
	margin: 0;
	color: #642d4b;
	background-color: #FFFFFF;
	border: 1px solid #a59ca1;
	overflow: hidden;
	height:16px;
	zoom: 1
}

.obligatoire {
	color: #FF0000;
}

.commentaires {
	font-size: 1em;
	font-style: italic;
	font-weight: bold;
	color: #12335B;
}


/* Menu général
-------------------------------------------------------- */

#menuGeneral {
	float: left;
	width:175px;
	padding: 0;
	margin-top: 20px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 10px;

}


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

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

#menu {
	position: relative;
	padding: 0;
	margin: 0;
}

dl#menu {
	width: 175px;
}


dl#menu dt {
	cursor: pointer;
}

dl#menu dt a {
	font-size: 1.2em;
	color: #793d5e;
	font-weight: bold;
	text-decoration: none;
	display: block;
	margin: 0;
	padding-top: 5px;
	padding-right: 0;
	padding-bottom: 5px;
	padding-left: 5px;
	overflow: hidden;
	zoom: 1;
}

dl#menu dt a:hover, dl#menu dt .selected {
	color: #FFFFFF;
	background-color: #793d5e;
}

dl#menu dd {
}

dl#menu li {
}

dl#menu li a {
	font-size: 1em;
	color: #793d5e;
	font-weight: bold;
	text-decoration: none;
	display: block;
	margin:0;
	padding-left: 15px;
	padding-top: 5px;
	padding-bottom: 5px;
	overflow: hidden;
	zoom: 1;
}

dl#menu li a:hover, dl#menu li .selected {
	color: #FFFFFF;
	background-color: #793d5e;
}

.invisibleW3C {
	width: 0; 
	height: 0;
	padding: 0; 
	margin: 0;
}

/* Signature
-------------------------------------------------------- */

#signature {
	padding: 0;
	width: 980px;
	color: #808185;
	font-size: 0.8em;
	margin-top: 10px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	font-weight: bold;
}

.W3C {
	width: 88px;
	margin: 0;
	padding: 0;
	float: right;
}

a.LIEN_signature:link {
	color: #808185;
	text-decoration: none;
	font-weight: bold;
}

a.LIEN_signature:visited {
	color: #808185;
	text-decoration: none;
	font-weight: bold;
}

a.LIEN_signature:hover {
	color: #808185;
	text-decoration: underline;
	font-weight: bold;
}

/* Contact
-------------------------------------------------------- */
#contact{
	float:left;
	margin:30px;
	color:#7E7373;
	font-size:12px;
}
#page_contact{
	width:153px;
	margin-right:20px;
}
.box{
	float:left;
	width:203px;
	height:95px;
	margin-left:20px;
	background:url('images/border_box_contact.gif') repeat-y;
}
.bottom_content_box{
	background:url('images/bottom_boxcontact.png') no-repeat;
	float:left;
	bottom:0px;
	height:28px;
	width:202px;
	background-position:bottom;
}
.titre_content_box{
	padding-top:5px;
	background:url('images/bg_titrecontactbox.gif') no-repeat;
	color:#FFFFFF;
	height:27px;
	text-align:center;
}
		
/* Qui sommes nous
-------------------------------------------------------- */
.rub_qui{
	background:url('images/fd_quisommesnous.gif') no-repeat;
	width:374px;
	height:121px;
	margin:10px;
	float:left;
	color:#7E7373;
}
#content_box_qui{
	margin-top:20px;
	padding:10px;
}
#content_box_group{
	margin-left:60px;
}
#introquisommesnous{
	color:#7E7373;
}
#desc{
	padding:20px;
}
/* Pop up
-------------------------------------------------------- */
#emplois_stages{
	background:url(images/cadre_popup_middle.gif) repeat-y;
	width:466px;
	float:left;
	color:#7E7373;
	margin:10px;
}
.nmtab{
	width:51px;
	text-align:right;
}
.tab_emploi{
	width:400px;
	padding-right:20px;
	font-size:10px;
	color:#7E7373;
}
.fushia{
	color:#C1006D;
	font-weight:bolder;
}

.violet{
	color:#793d5e;
	font-weight:bolder;
}
/* Imprimer page
-------------------------------------------------------- */
#wrapper_print {
	width: 600px;
	text-align: left;
	overflow: visible;
	position: relative;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding: 0;
}

#subwrapper_print {
	overflow: hidden;
	position: relative;
	padding: 0;
	width: 600px;
	background-color: #FFFFFF;
}
.note_print {
	background:transparent url(../images/contact/fond_trait.gif) repeat-y scroll 0 17px;
	border:0 solid #FFFFFF;
	height:101px;
	line-height:20px;
	padding-left:3px;
	overflow:hidden;
	width:300px;
}
/*CGU
-------------------------------------------------------- */
.boxtitle_cgu{
	position:absolute;
	top:-5px;
	left:120px;
	background:url('images/bg_boxtitle_cgu.gif') no-repeat; 
	width:199px;
	height:25px;
	color:#FFF;
	font-weight:bolder;
	text-align:center;
	padding-top:3px;
}
.boxtitle_cgu_long{
	position:absolute;
	top:-5px;
	left:360px;;
	background:url('images/bg_boxtitle_cgu.gif') no-repeat; 
	width:199px;
	height:25px;
	color:#FFF;
	font-weight:bolder;
	text-align:center;
	padding-top:3px;
}
.box_cgu{
	width:450px;
	height:200px;
	position:relative;
	float:left;
	margin-top:20px;
	margin-bottom:20px;
	margin-left:10px; 
	margin-right:10px;
	background:url('images/fd_box_cgu.gif') repeat-y;	
}
.entete_cgu{
	position:relative;
	float:left;
	width:100%;
	height:45px;
	background:url('images/fd_boxtop_cgu.gif') no-repeat;	
}
.content_cgu{
	width:410px;
	position:relative;
	float:left;
	padding:15px;
	overflow-y:auto;
	overflow-x:hidden;
	height:100px;
}
.bottom_cgu{
	position:absolute;
	left:0px;
	bottom:0px;
	width:100%;
	height:27px;
	background:url('images/fd_boxbottom_cgu.gif') bottom no-repeat;	
}
.box_cgu_long {
	width:920px;
	height:200px;
	position:relative;
	float:left;
	margin-top:20px;
	margin-bottom:20px;
	margin-left:10px; 
	margin-right:10px;
	background:url('images/fd_box_cgu_long.gif') repeat-y;
}
.entete_cgu_long{
	position:relative;
	float:left;
	width:100%;
	height:45px;
	background:url('images/fd_boxtop_cgu_long.gif');	
}
.content_cgu_long{
	position:relative;
	float:left;
	padding:15px;
	overflow-y:auto;
	overflow-x:hidden;
	height:100px;
	width:880px;
}
.bottom_cgu_long{
	position:absolute;
	left:0px;
	bottom:0px;
	width:100%;
	height:27px;
	background:url('images/fd_boxbottom_cgu_long.gif') bottom no-repeat;	
}