/* merci a http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/ on reset tout pour etre tranquile */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
	background: transparent;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
	}
	
body {
	line-height: 1;
	color: black;
	background: white;
	}

ol, ul {
	list-style: none;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

caption, th, td {
	text-align: left;
	font-weight: normal;
}

blockquote:before, blockquote:after, q:before, q:after {
	content: "";
}

blockquote, q {
	quotes: "" "";
}


/*Ici commence le template proprement dit de Calais pas cher */

/*transparence sous ie spip 1.9.2 jquerise dans la 1.9.3*/
.format_png {
behavior: url(win_png.htc); 
}

.img_png, .image_typo, .spip_logos {
	behavior: url("win_png.htc");
	
}

/* styles generiques */
*{
margin:0px;
padding:0px;
}


h1{
font-family:arial, verdana, helvetica, sans-serif;
font-size:1.9em; 
font-weight: bold;
color: #CE001B;
line-height:1.6em;
}

h2{
font-family:arial, verdana, helvetica, sans-serif;
font-size:1.4em; 
font-weight: bold;
color: #CE001B;
line-height:1.6em;
}

h3, h3.spip{
font-family:arial, verdana, helvetica, sans-serif;
font-size:1.2em; 
font-weight: normal;
color: #CE001B;
line-height:1.6em;
text-align: left;
margin-top: 10px;
margin-bottom: 10px;
}

	
p{
font-family:Verdana, Arial, helvetica, sans-serif;
font-size:0.8em; 
font-weight: normal;
color:#333333;
padding-left:5px;
line-height:1.6em;
}

p.suite{
text-align: right;	
}

p.suite a{
color: #CE001B;	
}

p.suite a:hover{
color:#FF354F;	
}

.quote {
font-family:Verdana, Arial, helvetica, sans-serif;
font-style: italic;
margin-left:0px;
padding-left:0px;
padding-top:0px;
line-height:1.6em;
float:left;
}


.right{
background-color:black;
float:right;
}

a{
color: #CE001B;
font-size:0.9em; 
font-weight:normal;
font-style:normal;
text-decoration:none;
}


a:link{
color: #CE001B;
font-weight:normal;
font-style:normal;
text-decoration:none;
}


a:visited{
color: #CE001B;
font-style:normal;
font-weight:normal;
text-decoration:none;
}


a:hover{
color:#FF354F;
font-style:normal;
text-decoration:none;
}

	
/* Decoupe du template */
body{
font-family: Verdana,'Lucida Grande', Verdana, Helvetica, sans-serif;
background-image:  url(background.jpg);
background-repeat: repeat-x;
background-color:#ffffff;
list-style:none;
margin:auto;
padding: auto;
text-align: center;
}

#wrapper{
width:1050px;/*versus 1000*/
background:transparent;
margin:auto;
padding: auto;
text-align: center;
}

#foot{
width:1050px;
height:75px;
margin:auto;
padding: auto;
text-align: center;
background: #10120F url() no-repeat; /*Foot*/
margin-top:5px;
visibility: visible;
/*A enlever ou pas selon qu il y a foot ou pas avec display:none*/
}

#ventepriveelogorubrique{
visibility: visible;
}/*A enlever ou pas selon qu il y a foot ou pas avec display:none*/

#foot img{
margin:0px;
padding:0px;
}

#header {
width: 110px;
height:172px;
margin-left: 130px;
}

* html #header{
margin-right: 250px;	
}/*hack ie 6*/

*+html #header {
margin-right: 700px;
	}/*hack ie 7*/

#rejoigneznous{
float: right;
display: inline;	
margin-top: 0px;
background: #10120F;
overflow:hidden;
}


#content {
float:left;
background-color:transparent;
margin-top:0px;/*test ie avant 0*/
margin-bottom:0px;
padding-top:0px;
width:1050px;
border-bottom:1px solid #eaeaea;
margin:auto;
padding: auto;
text-align:center;
}


#col3 {
float:left;
background-color:#000;
margin-top:20px;
margin-bottom:5px;
padding:10px;
width: 142px;
border-right:1px solid #eaeaea;
text-align:left;
}

* html #col3{
padding:15px;
padding-right:5px;
padding-left: 20px;

} /*ie 6*/

*+html {
}/*ie 7*/


#principal_forum{
width:100%;
}
#col1{
float:left;
background-color:transparent;
margin-top:20px;
margin-bottom:5px;
padding:10px;
padding-left: 17px;
padding-right: 17px;
width: 52%; /*vs 50 remettre si besoin*/
border-right:0px solid #eaeaea;
text-align:left;
}

#col2{ 
float:right;
background-color:transparent;
margin-top:20px;
margin-bottom:5px;
margin-left:-px;
padding:10px 0 10px 15px;
width:250px;
border-left:1px solid #eaeaea;
text-align:left;
}


#col2 a{ 
color: #000;
}

#col2 a:hover{ 
color: #CE001B;
}

#col2 li{ 
color: #000;
font-size: 108%;
}


#col1 p{
font-size:0.8em;
padding:0 20px 20px 0;
color:#555555;
margin-left: 10px;
marker-offset: 10px;
}


/*Page de sommaire*/

/*espace pub haut*/
#sommaire #col1 #pubhaut .boitehaut{
float: left;
width:550px;
height:auto;
border: 0px solid black;
}

/*espace pub haut*/
#col1 #pubhaut .boitehaut{
float: left;
width:550px;
height:auto;
border: 0px solid black;
}

#inscriptionform #col1 h1{
clear: both;
}

#inscriptionform #pubhaut{
height:auto;
width:auto;
}

#loginpublic #col1 h1{
clear: both;
}

#login #col1 h1{
clear: both;
}

#reduction #modalite{
clear: both;	
}

#modalite p{
font-weight: bold;
color:black;
font-variant: small-caps;
font-size: 100%;
}

#modalite p a{
font-weight: bold;
font-variant: small-caps;
font-size: 100%;
}

#modalitebas p{
font-weight: bold;
color:black;
font-variant: small-caps;
font-size: 100%;
}

#modalitebas p a{
font-weight: bold;
font-variant: small-caps;
font-size: 100%;
}



#sommaire #col1 #textehome{
background: url(fondsommaire.jpg) no-repeat;
height:495px;
width:497px;
margin-top: 0px;/*versus100*/
}



* html #sommaire #col1 #textehome{
margin-top: 0px;
}/*hack ie 6 mieux que l'underscore _margin http://www.zonecss.fr/courscss/cours_feuille_css_31.html 10px*/

*+html #sommaire #col1 #textehome{
margin-top: 0px;	
}/*hack ie 7 mieux que l'underscore _margin 10*/

#sommaire #col1 #logosommaire h1{
visibility: hidden;
}

#logosommaire{
margin-top:-50px;
}


#reduction #reducauth{
margin-top: 100px;	
height:495px;
width:497px;
}

* html #reduction #col1 #reducauth{
margin-top: 10px;
}/*hack ie 6 mieux que l'underscore _margin http://www.zonecss.fr/courscss/cours_feuille_css_31.html*/

*+html #reduction #col1 #reducauth{
margin-top: 10px;	
}/*hack ie 7 mieux que l'underscore _margin*/

#sommaire #col1 #textehome h1{
padding-top:50px;
width:50%;
margin-left:170px;
padding-bottom: 15px;
}

#sommaire #col1 #textehome p.spip{
width:80%;
padding-left:30px;
padding-right: 40px;
font-size: 80%;
color: black ;
}

#sommaire #col1 #descriptifsite{
float: left;
padding-top: 40px;
clear: both;
}



#col1 #descriptifsite{
float: left;
padding-top: 40px;
clear: both;
}

#reduction #col1 #reducauth {
background: url(fondsommaire.jpg) no-repeat;
height:495px;
width:497px;	
}

#reduction #col1 #reducauth h1{
padding-top:80px;
padding-bottom: 35px;
width:50%;
margin-left:160px;
}

#reduction #col1 #reducauth p.spip{
width:80%;
padding-left:25px;
padding-right: 25px;
font-size: 1em;
color: black ;
}



#col1 h1{ 
font-family:Arial, verdana, helvetica, sans-serif;
font-size:1.3em;
color: #CE001B;
font-weight:normal;
padding-bottom:10px;
padding-top: 10px;
}

#col1 h3.spip{
margin-left: 10px;
}


#col2 p{
font-size:0.8em;
padding:0 20px 20px 0;
color:#555555;
}

#col2 p.spip{
font-size:0.8em;
padding:0 20px 20px 0;
color:#555555;
}

#col2 h1{ 
font-family:Arial, verdana, helvetica, sans-serif;
font-size:1.4em;
color: #CE001B;
font-weight:normal;
padding-bottom:10px;
}

#boitecontainer{
float:left;
clear:both;
margin-top:0px;
margin-bottom:15px;
padding:10px;
width: 920px;
text-align:left;
}


#footer {
clear: both;
margin-right: 0px;
margin-bottom:0px;
margin-left: 0px;
padding:8px;
background-color:#10120F;
text-align:center;
color: #FFF;
}

#footer p{
font-size: 1em;
line-height:3em;
font-family: arial;
font-weight: normal;
color: #FFF;
padding-top: 10px;
padding-right: 0px;
padding-bottom: 10px;
padding-left: 10px;
text-align: center;
margin-left: -115px;
}

#footer p a {
font-size: 1em;
font-weight: normal;
color: #CE001B;
text-align: center;
}

#footer p a:hover {
text-decoration: underline;
font-weight: normal;
color: #ffffff;
text-align: center;
}

/*Fil d'ariane*/
#hierarchie{
font-style: italic;
margin-bottom:30px;
clear: both;
}

#hierarchiecache{
font-style: italic;
margin-bottom:30px;
clear: both;
visibility: hidden;
}

#hierarchie a{
color: #CE001B;
}

#hierarchie a:hover{
color:#FF354F;
}


/*Squelette mot avec les promos*/

.touteslesboutiques{
background-color: #FFFFFF;
border-top: 1px solid #DDDDDD;
}

.touteslesboutiques .logoarticle{
padding: 10px;
margin-right: 5px;
width:200px;
height:140px;
float: left;
}

/*On clone pour les privilege */

.touteslesboutiquesprivilege{
background-color: #EEEEEE;
border-right: 1px solid #BBBBBB;
border-left: 1px solid #BBBBBB;
border-top: 1px solid #BBBBBB;
}

/*On clone pour les topromo */
.touteslesboutiquestoppromo{
background-color: #FFFFFF;
border-top: 1px solid #DDDDDD;
}



.titretextehyperlien h3{
font-size: 90%;
color: black;
text-transform: uppercase;
}

.titretextehyperlien{
font-size: 80%;
height: 170px;/*pour que les promos descendent si texte court, faire hack pour ie 6 et 7 sur le min height*/
}

html>body .titretextehyperlien {
height: auto;
min-height: 170px;
} /* Hack ie 6 http://blog.alsacreations.com/2004/08/17/54-min-height-sur-internet-explorer*/



.hyperlien{
color: black;
}

.hyperlien a{
color: black;
}

.hyperlien a:hover{
color: #CE001B;
}

.coupons_boutiques{
margin-bottom: 110px;
}

.coupons_boutiques1{
float: left;
width:120px;
height:auto;
font-size: 100%;
margin-right: 35px;
text-align: center;
background-color: #CF1519;
font-variant: small-caps;
padding:8px;

}

.coupons_boutiques2{
float: left;
width:120px;
height:auto;
font-size: 100%;
margin-right: 35px;
text-align: center;
background-color: #CF1519;
font-variant: small-caps;
padding:8px;

}

.coupons_boutiques3{
float: left;
width:120px;
height:auto;
font-size: 100%;
text-align: center;
background-color: #CF1519;
font-variant: small-caps;
padding:8px;

}

.coupons_boutiques1 a{
color:#FFF;
}

.coupons_boutiques1 a:hover{
color:#000;

}
	
.coupons_boutiques2 a{
color:#FFF;
}
.coupons_boutiques2 a:hover{
color:#000;
}

.coupons_boutiques3 a{
color:#FFF;
}

.coupons_boutiques3 a:hover{
color:#000;
}

p.separateur{
border-bottom: 1px solid #ccc;
font-variant: small-caps;
clear: both;
}

/*Fin  squelette mot avec les promos*/

/*reduc pas authentifie*/
#reduction #col1 #reducauth p {
font-size: 1.2em;
}

#imprimante{
float: right;
margin-top: -10px;
}



.section{
border-left: 1px solid #fa0a0f;
}

strong {
font-weight: bold;
}

/*squelette plan*/

#plan #col1 a {
color:#333333;	
}

#plan #col1 a:hover {
color:#666666;	
}


#plan h3 a {
color: #CE001B;	
}

#plan h3 a:hover {
color:#666666;	
color:#FF354F;
}

#plan h3{
margin-top: 10px;
margin-bottom: 10px;
}



/* Logos, documents et images reprise de spip style pour rubrique */
img, .spip_logos {
margin: 10px; 
padding: 10px; 
margin-left: 0;
margin-top: 0;
padding-top: 0;
padding-left: 0;
border: none; 
float: left;
}


#formrecherche{
margin-bottom: 10px;
}

/*squelette reduction*/
#logositereduc {
width:570px;
height:77px;
margin-bottom: 20px;
}

#reduction #col1 #couponprint{
border: 1px dotted black;
padding: 20px;
background: url() no-repeat;/*dans le squel en eval pour chaque ville*/
color:black;
height:525px;
width:480px;
padding-top: 55px;
overflow:hidden;
}



#reduction #col1 #couponprint p.spip{
color:black;
}

#reduction #col1 #couponprint h3{
color:black;
font-size: 95%;	
}

p.logoreduccheque{
display:none;
}

/*Squelette inc_bas*/

#logout{
margin-top: 20px;
}


#imprimante{
float: right;
}
        
/*Pour les forums*/
#principal_forum{
text-align: left;
height:auto;
width:500px;	
}


#col1 h3.spip{
clear:both;
}

#inscriptionform h3{
text-align:left;
background-color: yellow;
margin-left: 40px;
padding-left: 20px;
width:50%;
}

/* Redslate nav http://www.13styles.com/css-menus/slate */
.red #slatenav{
position:relative;
display:block;
height:42px;
font-size:11px;
font-weight:bold;
background:transparent url(redslate_background.gif) repeat-x top left;
font-family:Arial,Verdana,Helvitica,sans-serif;
text-transform:uppercase;
}

.red #slatenav ul{
margin:0px;
padding:0;
list-style-type:none;
width:auto;
}

.red #slatenav ul li{
display:block;
float:left;
margin:0 1px 0 0;
}

.red #slatenav ul li a{
display:block;
float:left;
color:#FECCC3;
text-decoration:none;
padding:14px 22px 0 22px;
height:28px;
}

.red #slatenav ul li a:hover,.red #slatenav ul li a.current{
color:#fff;
background:transparent url(redslate_backgroundOVER.gif) no-repeat top center;
}

/*http://www.13styles.com/css-menus/vert-one*/

#menucase ul.vert-one{
margin:0;
padding:0;
list-style-type:none;
display:block;
font:bold 16px Helvetica, Verdana, Arial, sans-serif;
line-height:165%;
width:250px;
height:auto;
}
#menucase ul.vert-one li{
margin:0;
padding:0;
border-top:1px solid #FFF;
border-bottom:1px solid #FFF;

}

#menucase ul.vert-one li a{
display:block;
text-decoration:none;
color:#fff;
background:#CF1519;
padding:0 0 0 20px;
width:230px;
height:auto;
}

#menucase ul.vert-one li a:hover{
background: #000 url(vert-one_arrow.gif) no-repeat 0 9px;  
color:#FFF;
}
#menucase ul.vert-one li a.current,ul.vert-one li a.current:hover{
background:#000 url(vert-one_arrow.gif) no-repeat 0 9px;
color:#FFF;
}

a span.noir{
color:#000;	
}

a:hover span.noir{
color:#CE001B;	
}

a.current span.noir{
color:#CE001B;	
}

/* Menu Tabs 16 nav du haut */
  /*- Menu Tabs 16-------------------------- */
   #navigation {
      float:left;
      width:120%;
      background:#FFF;
      font-size:93%;
      line-height:normal;
      margin-left: -40px;
      }
     #navigation ul {
        margin:0;
        padding:10px 10px 0 50px;
        list-style:none;
      }
    #navigation li {
      display:inline;
      margin:0;
      padding:0;
      }
    #navigation a {
      float:left;
      background:url(tableftH.gif) no-repeat left top;
      margin:0;
      padding:0 0 0 4px;
      text-decoration:none;
      }
    #navigation a span {
      float:left;
      display:block;
      background:url(tabrightH.gif) no-repeat right top;
      padding:5px 15px 4px 6px;
      color:#FFF;
      }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #navigation a span {float:none;}
    /* End IE5-Mac hack */
     #navigation a:hover span {
      color:#FFF;
      }
    #navigation a:hover {
      background-position:0% -42px;
      }
    #navigation a:hover span {
      background-position:100% -42px;
      }

       #navigation #current a {
                background-position:0% -42px;
               
        }
        #navigation #current a span {
                background-position:100% -42px;
        }
        
 #navigation ul li.current a{
	font-style: italic;
}

/*a tester suite aux corners images*/

.logoarticle{
margin-left:10px;
}

.coupons_boutiques1{
margin-left:10px;
}

dt{
clear:both;
} /*Pour la FAQ*/

#faq #col#1 h3 a{
color:#000;
}

#faq #col#1 h3 a:hover{
color:#000;
}


/*liens et partenaires*/

#liens #col1 h3 a{
color:#CE001B;
}

#liens #col1 h3 a:hover{
color:#000;
}


#liens #col1 p.spip{
clear:both;
font-size: 90%;
color: #000;
color:#555555;
}

#liens #col1 p.spip a{

color:#555555;
}

#liens #col1 p.spip a:hover{

color:#888888;
}

#liens #col1 p{
clear:both;
font-size: 90%;
color: #555555;
}

#liens #col1 p a{
color: #555555;
}

#liens #col1 p a:hover{
color:#888888;
}


#liens #col1 .touslessitesunite{
background-color:#EAEAEA;
border: 1px solid #bbbbbb;

}

#liens #col1 .touslessitesunite h3{
font-size: 100%;
text-transform: uppercase;
margin-bottom:0px;
padding-bottom:0px;
margin-left:15px;
}


#liens #col1 .logoarticle{
margin-top:10px;
float:right;
margin-bottom: -30px;
}

.touslessitesunite{
margin-bottom: 15px;
}

/* Fin des liens et partenaires*/

/*Pour la FAQ*/

#FAQ #col1 a{
color: #555555;
}

#FAQ #col1 a:hover{
color:#888888;
}


#FAQ #col1 h1 a{
color: #CE001B;	
}

#FAQ #col1 h1 a:hover{
color:#FF354F;	
}

#presse h2 a{
color:#555555;
}

/*page site logo*/
#liens .touslessitesenglobant .touslessitesunite .logoarticle img.spip_logos {
float:right;
margin:20px;
margin-bottom:30px;
clear:both;
}

#presse img .spip_logos{
margin:25px;
}