/* CSS Document */
/* undohtml.css */
/* (CC) 2004 Tantek Celik. Some Rights Reserved.             */
/*   http://creativecommons.org/licenses/by/2.0                   */
/* This style sheet is licensed under a Creative Commons License. */

/* Purpose: undo some of the default styling of common (X)HTML browsers */
body
{
	overflow-y:scroll;
}

.inscriptionInfolettre
{
	display:block;
	width:201px;
	height:103px;
	background-image:url("../images/inscription.png");
	margin-left:8px;
	margin-top:15px;
	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}

.inscriptionInfolettre input
{
	display:block;
	margin-top:9px;
	width:175px;
	background-color:white;
}

 .inscriptionInfolettre a
 {
	display:inline;
	margin-top:6px;
	line-height:20px;
	vertical-align:middle;
 }

.inscriptionInfolettre span, .inscriptionInfolettre a, .inscriptionInfolettre input
{
	margin-left:9px;
	color:#7C8B98;
}



/* link underlines tend to make hypertext less readable, 
   because underlines obscure the shapes of the lower halves of words */
:link,:visited { text-decoration:none }

/* no list-markers by default, since lists are used more often for semantics */
ol { list-style:none }
object {
	display: block;
}

/* avoid browser default inconsistent heading font-sizes */
/* and pre/code too */
h1,h2,h3,h4,h5,h6,pre,code { font-size:1em; }

/* remove the inconsistent (among browsers) default ul,ol padding or margin  */
/* the default spacing on headings does not match nor align with 
   normal interline spacing at all, so let's get rid of it. */
/* zero out the spacing around pre, form, body, html, p, blockquote as well */
/* form elements are oddly inconsistent, and not quite CSS emulatable. */
/*  nonetheless strip their margin and padding as well */
ol,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input
{ margin:0; padding:0 }

/* whoever thought blue linked image borders were a good idea? */
a img,:link img,:visited img { border:none}
/* de-italicize address */
.address {
	font-style:normal;
	font-size: 9px;
}
.PetitTexteVert {
	font-style:normal;
	font-size: 9px;
	color: #A6CE3A;
}

/*
input {
	font-style:normal;
	font-size: 10px;
	background-color:#9B9B9D;
	border:0px;
	color:#FFF;
}*/
.special{
	margin:0px;
	background-color:#c8eaf5;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color: #FFF;

}
.Bouton {
	font-style:normal;
	font-size: 9px;
	color: #58595B;
	background-color: #A6CE3A;
	padding: 2px;
}
.Bouton2 {
	font-style:normal;
	font-size: 9px;
	color: #ffffff;
	background-color: #58595B;
	padding: 2px;
}
.supp{
	position: relative;
	top: -2px;

}

a:link{
	text-decoration:underline;
	color: #5C6F79;
}
a:visited{
	text-decoration:underline;
	color: #5C6F79;
}
a:hover{
	text-decoration:none;
	color:#000;
}
a:active{
	text-decoration:underline;
	color: #5C6F79;
} 

a.mail{
text-decoration:none;
color:#999999;
}
a.mail:hover{
text-decoration:none;
color:#666666;
}
a.mail_top{
text-decoration:none;
color:#E7BD16;
font-style:italic;
font-weight:bold;
}
a:hover.mail_top{
text-decoration:none;
color:#FFFFFF;
font-style:italic;
font-weight:bold;
}

#conteneur{
	width: 970px;
	height:124px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-left: 20px;
	padding-top: 10px;
	position: relative;
	
	
}

#content{
	width: 970px;
	margin:0px auto;
	border: 10px solid #FFF;
	z-index: 99;
	position: relative;


}

/* Menu */

#menu {
	width: 237px;
	float: left;
	background-color: #7C8D97;
	/*height: 479px;*/
	height: 398px;
	border-right-width: 10px;
	border-right-style: solid;
	border-right-color: #FFF;
	padding-top:81px;
}
#gauche{
	/*margin-left:70px;*/
	width:659px;
	float:left;
	text-align: right;
}
#droite{
	width:59px;
	background-color: #C8D5DD;
	float:left;
}
#Complet {
	/*margin-left:70px;*/
	width:722px;
	float:left;
	text-align: right;
	background-color: #7C8D97;
	height: 479px;
}

#promotion {
	width:50px;
	background-color: #C8D5DD;
	float:left;
	border-left-width: 5px;
	border-left-style: solid;
	border-left-color: #FFF;

}
#layerVisible {
	width:430px;
	visibility: visible;
	z-index: 999;
	position: absolute;
	top: 0px;
	left: 54.5%;
	right: 58.5%;
	bottom: auto;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	background-color: #C8D5DD;
	border-left:2px solid #FFF;
}


.liste {
	margin-top:0px;
	
	
}
.separateur{
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #AFBD20;
}
#contenText {
	padding-right:0px;
	width: 990px;
	margin:0px auto;
}
#fixe{
	background-color:#C8EAF5;
	
}
.bordure {
	background-color: #FFF;
	padding: 5px;
}

#footer{
	color:#7C8D97;
	padding-bottom:0px;
	
}

#content_footer{
	width: 990px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
	text-align: center;
	font-size: 10px;
	background-color: #FFF;
	color:#7C8D97;
	
	
}
#content_footer a{
		color:#7C8D97;
	}
#content_footer a:hover{
		color:#231F20;
	}
h1{
	font-weight:bold;
	font-size:24px;
	display: block;
	text-align: left;
	line-height: 24px;
}

h2{
	font-weight:normal;
	font-size:16px;
	/*text-align: left;*/

	
	}

h3{
	font-weight:normal;
	font-size:14px;
	text-align: left;
}
h4{
	font-weight:bold;
	font-size:13px;
	margin-top:5px;
	padding-bottom:4px;
}
h5{
	font-weight:bold;
	font-size:18px;
	margin-top:5px;
	margin-left:15px;

}

.treize{
	font-size:13px;
}

/*Overall CSS for each Horizontal Accordion.
	Most settings should be kept as it.
	Customize each Accordion by styling each Accordion's ID attribute instead.
*/

.haccordion{
	float: right;
	position: relative;
}

.haccordion ul{
margin: 0;
padding: 0;
list-style: none;
overflow: hidden; /*leave as is*/
}


.haccordion li{
	margin: 0;
	padding: 0;
	display: block; /*leave as is*/
	width: 100%; /*For users with JS disabled: Width of each content*/
	height: 459px; /*For users with JS disabled: Height of each content*/
	overflow: hidden; /*leave as is*/
	float: left; /*leave as is*/
}

.haccordion li .hpanel{
	width: 100%; /*For users with JS disabled: Width of each content*/
	height: 459px;  /*For users with JS disabled: Height of each content*/
}

#hc li{
	margin:0 0 0 0;
}

#hc li .hpanel{
	background-color: #C7D4DD;
	display: block;
	width: 450px;
}
.joindre{
	padding-top:107px;
	padding-left:25px;
	color:#5C6F79;
	}
.offres{
	width:443px;
	padding-left:30px;
	padding-top:250px;
	color:#5C6F79;
	}
.services{
	width:463px;
	/*padding-left:100px;
	padding-top:86px;*/
	padding-top:120px;
	padding-left:30px;
	color:#5C6F79;
	}
.concours{
	width:443px;
	padding-left:10px;
	margin-top:252px;
	color:#5C6F79;
	}
.champ_concours{
	background-color:#58595B;
	color:#FFF;
	}
.champ_concours2{
	background-color:#58595B;
	width:40px;
	height:17px;
	font-size:14px;
	color:#FFF;
	}
.champ_exemple{
	background-color:#A6CE39;
	color:#58595B;
	
	}
.bande_point{
	background-image:url(../images/bande_point.gif);
	background-repeat:repeat-x;
	}
.cache_point{
	background-color:#C6D4DC;
	font-weight:normal;
	font-size:16px;

	}
input.champ_longueur{
	width:250px;
	}
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	/* PAGE HEURE */
	#gauche.heures
	{
		display:block;
		width:659px;
		height:479px;
		background-image:url("../images/bgheures.jpg");
		color:#5c6f7d;	
	}
	
	.contenu-heures
	{
		margin-left:324px;
		margin-top:69px;
		width:316px;
		height:356px;
		text-align:center;
	}
	
	.contenu-heures-titre
	{
		font-size:16pt;
		font-weight:bold;		
		padding:15px;
	}
	
	.contenu-heures-table
	{
		width:266px;
		margin-top:10px;
		margin-bottom:15px;
		margin-left:15px;
		margin-right:15px;
	}
	
	.contenu-heures-table tr td.gauche
	{
		font-size:11pt;
		font-weight:bold;
		text-align:left;
		padding-top:5px;
		padding-bottom:5px;
	}
	
	.contenu-heures-table tr td.droite
	{
		font-size:11pt;
		font-weight:bold;
		text-align:right;
		padding-top:5px;
		padding-bottom:5px;
	}
	
	.petit-texte
	{		
		text-align:left;
		font-size:7pt;
		font-weight:bold;
	}
	
	
	
/* PAGE SOLDES*/

#soldetexte
{	width:460px;
	height:300px;
	text-align: left;
	overflow-y:scroll;

}

/*PAGE ACCUEIL LIVRE*/


#imglivres
{
	float:left;

	
}
#imglivres img 
{
	width:170px;
	height:213px;

}
#texteAccueil
{
	float:left;
	width:328px;

}

#textePromo
{
	float:left;
	width:300px;


}

#mention-jaime
{
	float:left;

}