/* Feuille de style pour la charte graphique du site

 * Cette feuille de style est appelée depuis styles.css.

 */



/***************** STRUCTURE *****************/

*{

/*---toutes les marges sont à 0---*/

margin:0;

padding:0;

}

body,html{

	height:100%;/*---obligatoire pour le footer---*/

	background:#d0db23 url(../images/charte/top.gif) repeat-x;

}

body{

	font-size:62.5%;

	font-family:Helvetica, sans-serif, Arial;

}

a{ 

color:#CC3366; 

text-decoration:underline;

}

a:hover{ 

color:#CC3366; 

text-decoration:none;

}

a:visited { 

color:#CC3366; 

text-decoration:underline;

}





.linknotactive{ 

color:#CC3366; 

text-decoration:none;

padding:5px 5px;

background-color:#FFFFCC;

border:1px solid #663300;

}

.linknotactive:hover{ 

color:#CC3366; 

text-decoration:none;

}

.linknotactive:visited{ 

color:#CC3366; 

text-decoration:none;

}





#container{

	position: relative;/*---obligatoire pour le footer---*/

	min-height:100%; /*---obligatoire pour le footer:Firefox---*/

	height:auto;

	width:990px;

	margin:0px;

	background:url(../images/charte/bg-container.gif) top left repeat-y;

	

}

/**********HEADER***************/

#header{

	width:990px;

	height:90px;

	margin:0;

	padding:0;

	background:url(../images/charte/header.jpg) no-repeat;

}

#header a img{

border:none;

}

#header #client{

position:absolute;

top:10px;

left:835px;

font-size:12px;

color:#fff;

}

#header #client a{

text-decoration:none;

color:#FFFFFF;

font-weight:bold;

line-height:20px;

}

#header #client a:hover{

text-decoration:none;

color:#CC0033;

}

/***************** CONTAINER DU CONTENU *****************/

#contenu {

	width:990px;

	

	color:#333333;

	margin-top:-4px;

}

/***************** MENU *****************/

#menu {

	width:200px;

	height:50px;

	color:#CC3366;

	float:left;

	border:1px solid #000

}

#menu ul{

	margin:0;

	padding:0;

	width:450px;

	list-style-type: none;

}

#menu li{

	margin-left:5px;

	float:left; 

	

	

	/*pour IE*/

}



#menu li a { 

	display:block;

	float:left;   

	color:#CC3366;

	text-decoration:none;

	text-align:center;

}

#menu li a:hover {

	color:#993366;

	margin:0;

	text-decoration: none;

}

/***************** COL GAUCHE *****************/

#produit{

	float:left;

	height:300px;

	width:197px;

	margin:4px 0px 0px 0px;

	background:url(../images/charte/bg-menuLeft.jpg) no-repeat;

}

h1 span{

display:none;

}

#menu-types{

width:170px;

height:31px;

background:url(../images/charte/bt-types.png) no-repeat;

float:left;

margin:20px 0 0 16px;

}

#menu-events{

width:170px;

height:34px;

background:url(../images/charte/bt-event.png) no-repeat;

float:left;

margin:0 0 0 16px;

}

#menu-prix{

width:170px;

height:31px;

background:url(../images/charte/bt-prix.png) no-repeat;

float:left;

margin:0 0 0 16px;

}

#produit ul{

margin:5px 0 20px 17px;

float:left;

list-style:none;

font-size:12px;

}

#produit li{

margin:5px 0 0 5px;

padding:4px 5px 0 20px;

float:left;

width:140px;

background: url(../images/charte/puce1.png) no-repeat;

}

#produit a{

color:#660033;

}

#produit a:hover{

color:#FF3333;

}

#actu {

	float:left;

	height:305px;

	width:197px;

	margin:470px 0px 0px -197px;

	background: url(../images/charte/blockActu2.gif) no-repeat;

}

#actu .img{

	margin:70px 0px 0px  50px;

	margin-bottom:10px;

}

#actu p{

	width:150px;

	margin:0px 0px 0px 25px;

	color:#7daf28;

	font-size:110%;

}







#pay {

	position: relative !important;

	margin:15px 0px 0px 35px !important;

}

/***************** CONTENU (COL DROITE) *****************/

#menuTop {

	float:right;

	margin:30px 30px 0px 0;

	text-align:left;

	color:#CC3366;

	font-size:120%;

	font-weight:bold;

	height:30px;

}

#form1 {

	float:right;

	margin:-5px 0px 0px 85px;

}



#contenuTexte{

	margin:0 0px 43px 0;

	width:791px;

	height:100%;

	min-height:960px;

	_height:960px;

	float:left;

	background: url(../images/charte/blockContenu.gif) no-repeat;

}



#contenuTexte h1 a{ 

	font-size:13px;

	color:#D5448A;

	text-decoration:none;

	}

#contenuTexte h1 a:hover{ 

	font-size:13px;

	color:#EB4700;

	}

#contenuTexte h1{

	margin:10px 20px 5px 35px;

	font-family:Verdana, Arial, Helvetica, sans-serif;

	width:726px;

	font-size:25px;

	text-align:left;

	color:#DE2300;

	border-bottom:1px dashed #D46A00;

}



#contenuTexte h2{

	margin:10px 0 5px 0;

	font-family:Arial, Helvetica, sans-serif;

	font-style:italic;

	font-size:1.8em;

	text-align:left;

	color:#D46A00;

	border-bottom:1px dashed #D46A00;

}



/*---obligatoire pour le footer---*/

/*---mettre <div class="clearer"></div> apres la div contenu---*/

.clearer

{

	clear: both;

	display: block;

	height:30px;

	margin-bottom: 0px;

	font-size: 0px;

	line-height: 0px;

	width:50%;

}



.right 

{

	float:right;

}

	

p  {

	margin:4px 0px 0px 0px;

	font-family:Arial, Helvetica, sans-serif;

	font-size:12px;

	color:#666666;

}



a {

	text-decoration:none;

	border:none;

}



#coord {

	color:#666633;

	font:1.1em Arial, Helvetica, sans-serif;

	font-size:125%;

	margin:0;

	float:left;

}



#idep {

	float:left;

	margin:-22px 0px 0px 560px;

}



/***************** FOOTER *****************/

#footer{

	position: relative;/*---obligatoire pour le footer---*/

	margin: -30px auto 0 auto;/*---margin top = - hauteur du footer---*/

	width:990px;

	height:30px;

	padding-top:11px;

	color: #999966;

	font-weight:bold;

	clear:both;

	float:left;

	background:#D0DB23 url(../images/charte/bg-footer.gif) no-repeat;

	

}



#footer a {

	text-decoration:none;

	color: #870000;

}

#footer a:hover {

text-decoration:underline;



}

#footer a.sousrubz{

	color: #fcf308;

	font-weight:normal;

}

#menuFooter{

width:380px;

margin:0 0 0 400px;

list-style:none;

}

#menuFooter li{

float:left;

margin:0 5px 0 5px;

}