/* ##################### HTML ################################ */
* 
{
	margin: 0;
	padding: 0;
}

body 
{
	text-align: center;
	font-family:"MS Trebuchet", Arial, "Lucida Sans Unicode", Verdana, Helvetica, sans-serif;
	color:#666;
	font-size: 62.5%;
}

#container
{
	text-align:left;
	width:1000px;
	margin-left:auto;
	margin-right:auto;
	font-size:1.2em;
	background:url("public/fr/images/origine/raccord-background.png") repeat-y top left;
}


/* ###########################################################
		GENERIQUE
########################################################### */

/*titre site */
h1 {font-size:1.8em;margin-top:12px;}

/*baseline */
h2 {font-size:1.6em;}

/*titre site / baseline / masqué */
h1 span,h2 span{position:absolute;margin-top:-2000px;}

/*premier niveau de titre / affiché */
h3 {font-size:1.4em;}
h4 {font-size:1.2em;}
h5 {font-size:1em;}
h6 {font-size:0.8em;}

/*paragraphe*/
p {font-size:1em;}

/* listes */
ul li{list-style-type:none;list-style-position:outside;margin-left:8px;}
li.L1  { margin: 10px 10px 10px 40px; padding: 0px 0px 0px 5px; background-color: #FFFFFF; list-style-image: url('public/fr/images/origine/puce-01.png') }

/*liens*/
a{text-decoration:none;color:#323232;} 
a:hover{text-decoration:underline;}
a.select{text-decoration:underline;}

/*images*/
img{border:none;vertical-align:middle;}

/* formulaire */
form{margin-bottom:10px;}
fieldset{border:1px solid #ccc;color:#000;padding:0 8px;margin-bottom:5px}
fieldset legend{padding:0 5px}
fieldset p{clear:both;margin:8px 0}
fieldset p span.bloc{display:block;float:left;width:320px;}
fieldset label{width:250px;float:left;text-align:right;margin-right:8px;}
fieldset label.radio,fieldset label.checkbox{display:inline;width:auto;float:none;text-align:left;margin:0}
fieldset input,fieldset select,fieldset textarea{border:1px solid #858585; /* gris foncé */width:280px;font-family:"MS Trebuchet", Arial, "Lucida Sans Unicode", Verdana, Helvetica, sans-serif;font-size:1em;}
fieldset input.bouton {
background-color:#676767;
border:0px none;
color:#FFFFFF;
font-weight:bold;
margin-top:10px;
width:80px;
}
fieldset input.checkbox,fieldset input.radio{width:auto;border:none}

#boutons
{
	text-align:center;
}


#boutons input
{
	margin:0 6px;padding:4px;color:#fff;background-color:#089FE1;	
}
#boutons .bouton{
	background-color:#0070BC;
	text-align: center;
}

/* formulaire */
table,table tr,table tr td{font-size:1em;margin:0;padding:0}

/* autre */
hr{margin:0;border:none;height:1px;clear:both;}
.important{color:#FF0000;}
p.important{color:#FF0000;font-size:1.1em;font-weight:bold;}
.clr {clear: both;margin:0;padding:0;font-size: 1px;height: 1px;border:none;background:none;color:#fff;}

/* ##################### HEADER ################################ */
#header
{
	margin-bottom:15px;
}

#header h1{
	margin-top:0px;
}
#header #logo{
	width:326px;
	float:left;
}

#header #flashID{
	width:666px;
	float:left;
	margin-bottom:-4px !important;margin:0;
}
/* ##################### FOOTER ################################ */
#footer
{
	clear:both;
	text-align: center;
	height:34px;
	line-height:34px;
	color:#fff;
	background:url("public/fr/images/origine/bg-footer.png") repeat-x top left;
	
	margin-right:8px;
	font-size:100%;
	letter-spacing:0.1em;
}

#footer img{
	float:left;
	margin-left:50px;
	margin-top:5px;
}

/* ajout 06/04 */
#footer a{
COLOR:white;
/*TEXT-DECORATION:none;*/
}
#footer a.link{
COLOR:white;
TEXT-DECORATION:none;
}
#footer a.visited{
COLOR:white;
TEXT-DECORATION:none;
}
#footer a.hover{
COLOR:black;
/*TEXT-DECORATION:underline;*/
}
/* fin ajout */

/* ##################### CONTENU ################################ */

#centre
{
	clear:both;
}

/* */
#colGauche
{
	float:left;
	width:313px;
	padding:0 12px;
	min-height:350px;
	overflow:hidden;

}

#colCentre
{
	float:left;
	width:630px;
	overflow:hidden;
}

/* ###########################################################
		LES STYLES POUR TOUTES LES PAGES
########################################################### */

.boxAccueil
{
	width:289px;
	float:left;
	margin:0 18px;
	margin-bottom:15px;
}

.boxAccueilContainer
{
	width:289px;
	background:url("public/fr/images/origine/raccord-boite-02.png") repeat-y top left;
	min-height:200px;
}

.boxAccueilContainer p, .boxAccueilContainer ul
{
	margin:15px;
}

.boxAccueilContainer ul li
{
	background:url("public/fr/images/origine/puce-01.png") no-repeat top left;
	padding-left:30px;
	margin-bottom:8px;
}

.boxAccueilFooter
{
	width:289px;
	height:22px;
	background:url("public/fr/images/origine/bottom-boite-01.png") repeat-y top left;
}

.boxAccueil h4
{
	height:43px;
	line-height:53px;
	padding-left:55px;
	color:#fff;
	background-image:url("public/fr/images/origine/header-boite-01.png");
}

#colCentre h3
{
	height:55px;
	line-height:65px;
	font-size:230%;
	padding-left:15px;
	color:#fff;
	background:url("public/fr/images/origine/bg-h3.png") no-repeat top left;
	margin-bottom:15px;
}

#colCentre h4
{
	color:#0070BC;
	border-bottom:1px solid #ccc;
	margin-bottom:15px;
}

#colCentre p
{
	margin-bottom:10px;
}

#colCenterContent
{
	padding-left:15px;
}


/* ###########################################################
		BLOC MULTIPAGES
########################################################### */
.navResultat
{
	color:#323232;
	float: right;
	padding:0 4px;
	margin-bottom:8px;
	font-size:1.1em;
	text-decoration: line-through;
}
.navResultat a{color:#323232;text-decoration: none;}
.navResultat a:hover{text-decoration: underline;}
.navResultat .selected{border :1px solid #323232;padding:2px 4px 2px 4px;}


/* ajout 06/04 */
/* FORMULAIRE */

INPUT,TEXTAREA,SELECT {
	FONT-SIZE:14px;
	text-align:left;
	/*background-color:#EBEBEB; /*#f2f2f2;*/
}
/*
TEXTAREA {
FONT-SIZE:11px;
text-align:left;
MARGIN-LEFT:0;
}
SELECT {
FONT-SIZE:11px;
MARGIN-LEFT:0;
}
*/

INPUT.boutonform{
	text-align:center;
}

#colCentre a{text-decoration:underline;color:#323232;} 
#colCentre a:hover{text-decoration:underline;}
#colCentre a.select{text-decoration:underline;}

INPUT.form_erreur,TEXTAREA.form_erreur,SELECT.form_erreur {
	background-color: yellow;
}

/* fin ajout*/