/* CSS Document */
/********************************************************* 

Styles generaux
	background-image : 	<uri> | none;
	background-position: ;	[ [ <percentage> | <length> | left | center | right ] [ <percentage> | <length> | top | center | bottom ]? ] | [ [ left | center | right ] || [ top | center | bottom ] ]
	background-repeat: repeat | repeat-x | repeat-y | no-repeat;
********************************************************/

body {
	margin:				0px;
	margin-top:			0px;
	padding:			0px;
	color: 				#637682;
	font-family: 		Tahoma, Verdana, Arial, sans-serif; 
	font-size: 			11px;
	border:				0px;
	background-color:	#ffffff;
	background-image:url('/skins/recylor/images/body_bg.gif');
	background-repeat:repeat-x;
}


/* Pour IE qui ne supporte pas l'heritage (identique a body) */
TD {  
	font-family: 	Tahoma, Verdana, Arial, sans-serif; 
	font-size: 		11px; 
}

P {
	font-family: 	Tahoma, Verdana, Arial, sans-serif; 
	font-size: 		11px; 
	text-indent: 	0px;
	white-space: 	normal;
	margin:			0px;
}
/********************************************************* 

	DIVERS 
font-family : toujours finir par une famille generique.
	Arial, sans-serif
	Courier, Monospace
	Helvetica, sans-serif
	Palatino, serif
	Times, serif
	Verdana, sans-serif
	ZapfChancery, Cursive
font-style: normal | italic | oblique
font-variant: normal | small-caps
font-weight : normal (400)| bold (700)| bolder | lighter | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900
content : 	normal | none | [ <string> | <uri> | <counter> | attr(<identifier>) | open-quote | close-quote | no-open-quote | no-close-quote
********************************************************/

.big 		{ font-size: 14px; } /* Gros Texte */
.small 		{ font-size: 10px;  } /* Petit Texte */


/*********************************************************
	Raccourcis
	Stylse specifiques
	Classifier par ordre d'importance les couleurs de la charte
	Ces styles permettront de les utiliser
********************************************************/

.color1     { color: #fff;} /* blanc( */
.color2     { color: #747474; } /* gris */
.color3     { color: #91d200; } /* green */
.color4     { color: #409c12; } /* green2 */
.color5     { color: #f37021; } /* orange */
.color6     { color: #106d99 ;} /* bleu */

.bgcolor1     { background-color: #fff; }
.bgcolor2     { background-color: #666;}
.bgcolor3     { background-color: #db0000; }
.bgcolor4     { background-color: #ea862a;}
.bgcolor5     { background-color: #febd2b; }
.bgcolor6     { background-color: #106d99; }

.border 	{ border: 1px solid #29385f; }
.noborder 	{ border: 0px; }

/* Attention, Erreurs, mises en gardes 
border-style : none,hidden,dotted,dashed,solid,double,groove,ridge,inset,outset 
border-top-style, border-right-style, border-bottom-style, border-left-style
overflow : scroll | hidden | visible | auto
*/
.warning	{
	color: 				#FF0000;
	font-weight: 		bold;
	font-size: 			12px;
}


/* Citations */
Q 			{ font-style: italic;}
 
/* Definition des caracteres de quotes (FF seulement) */
Q:lang(fr)	{quotes: '« ' ' »'; }
Q:lang(en)	{quotes: '" ' ' "'; }

Q:before 	{content : open-quote}
Q:after 	{content : close-quote}

/* A utiliser pour les acronymes en utilisant l'attribut title dans la balise pour la signification de l'acronyme (synthese vocale) */
ACRONYM {
   text-transform: uppercase
}

/* A utiliser pour les abbreviations en utilisant l'attribut title dans la balise pour la signification de l'abbreviation (synthese vocale) */
ABBR {
   text-transform: uppercase
}


/********************************************************* 
	LINKS - LIENS 
a:focus:hover { outline: thick solid black }
vertical-align : baseline | sub | super | top | text-top | middle | bottom | text-bottom | <percentage> | <length>
text-decoration : none | [ underline || overline || line-through || blink ]
white-space : normal | pre | nowrap | pre-wrap | pre-line
********************************************************/


A:link 		{text-decoration: none; color: #009ee0}
A:visited 	{text-decoration: none; color: #009ee0}
A:hover 	{text-decoration: none; color: #f84c00}

/********************************************************* 
	PARAGRAPHES
	(le style par defaut des paragraphes est defini au debut du doc)
********************************************************/
/* Style pour la premiere lettre */
P.lettrine:first-letter {
	font-size:			16pt; 
	vertical-align: 	text-top; 
	text-indent: 		15px;
	text-transform: 	uppercase
}

/* style specifique pour la premiere ligne d'un paragraphe */
p.lettrine:first-line { 
	font-weight: 	bold;
}



/********************************************************* 

	TABLES 
	dont on se sert comme veritables tableau pour y fair apparaiter des données.
	Ceci ne concerne pas les tableaux qui structurent la page.

********************************************************/

/* Tableau de structure */

TABLE.struct {
	border: 0px;
	margin:0px;
	padding:0px;
}




/********************************************************* 
	 Titres
	dipaly: block,inline
********************************************************/	

/* Titre de page */
H1 {
	display: 			block;
	font-size:			18px;
	color:				#009ee0;
	font-weight:		bold;
	text-align: 		left;
	margin:0px;
}

/* Baseline, slogan : utilisé pour le référencement genralement dans le header */
H1.baseline {
	display:		inline;
	color: 			#fff;
	font-family: 	Tahoma, Verdana, Arial, sans-serif;
	font-size: 		10px;
	font-weight: 	normal;
	font-style: 	normal;
	text-align: 	left;
	background: 	transparent;
	padding-left:	10px;
}

H1 {
	display: 		block;
color: 				#00501f;
font-family: 		Verdana, Tahoma, Arial, sans-serif;
font-weight:		normal;
font-size:        	20px;
line-height: 20px;
margin:0px;}

/* Titre de niveau 1 : I.,II.,III. */
H2 {
	display: 		block;
color: 				#3399d1;
font-family: 		Verdana, Tahoma, Arial, sans-serif;
font-weight:		bold;
font-size:        	12px;
margin:0px;
}

/* Titre de niveau 2 : A),B),C) */
H3 {
	display: 		block;
	color: 			#4ea50e;
	font-family:  	Tahoma, Verdana, Arial, sans-serif;
	font-size: 		11px;
	font-weight: 	bold;
	font-style: 	normal;
	text-align: 	left;
	margin:			0px;
}

/* Titre de niveau 3 : 1/,2/,3/ */
H4 {
	display: 		inline;
	color: 			#637682;
	font-family:  	Tahoma, Verdana, Arial, sans-serif;
	font-size: 		12px;
	font-weight: 	bold;
	font-style: 	normal;
	text-align: 	left;
}


/********************************************************* 
	LISTE
	
********************************************************/
/* Liste a puce de contenu NIV 1 */
UL {
	list-style-position: 	outside; /* outside, inside */
	list-style-image:		url('/skins/recylor/images/p_01.gif');
	font-family:			Tahoma, Verdana, Arial, sans-serif;
	line-height: 			14px;
	padding-left:       	20px;
	margin:					0px;
}

/* Liste a puce de contenu NIV 2 */
UL LI UL {
	list-style-position: 	outside; /* outside, inside */
	list-style-image:		url('/skins/recylor/images/puce02.gif');
	font-family:			Tahoma, Verdana, Arial, sans-serif;
	line-height: 			14px;
	padding-left:       	20px;
	font-weight: 			normal;
	margin:					0px;
}

/* Liste a puce de contenu NIV 3 */
UL LI UL LI UL {
	list-style-position: 	outside; /* outside, inside */
	list-style-image:		url('/skins/recylor/images/puce03.gif');
	font-family:			Tahoma, Verdana, Arial, sans-serif;
	line-height: 			14px;
	padding-left:       	20px;
	font-weight: 			normal;
	margin:					0px;
}

/* Liste numerotee de contenu NIV 1 */
OL {
	list-style-type: upper-roman; 
}
/* Liste numerotee de contenu NIV 2 */
OL LI OL {
	list-style-type: upper-alpha; 
}

/* Liste numerotee de contenu NIV 3 */
OL LI OL LI OL {
	list-style-type: decimal; 
}

/*********************************************************
  FORMS - FORMULAIRES
********************************************************/

FORM {
	margin : 	0px;
	padding : 	0px;
}

/* Le titre des champs doivent se trouver dans une balise LABEL (accessibilite) */ 
LABEL {
	font-family: 	Tahoma, Verdana, Arial, sans-serif;
	font-size: 		11px;
	color:#FFFFFF;
}


/* Text Box*/
INPUT.fieldtextbox{
	border-top: 		1px solid #678d78;
	border-right: 		1px solid #678d78;
	border-bottom: 		1px solid #678d78;
	border-left: 		1px solid #678d78;
	background-color: 	#FFF;
	color:#678d78;
	font-family: 		Tahoma, Verdana, Arial, sans-serif;
	font-size: 			11px;
	padding-left: 		2px;
	padding-right: 		2px;
}

/* Check Box*/
INPUT.fieldcheckbox {
	border: 0px;
}

/* Radio Box*/
INPUT.fieldradiobox {
	border: 0px;
}

INPUT.file{
	background-color: 	#FFF;
	padding-left:		2px;
	font-family: 		Tahoma, Verdana, Arial, sans-serif;
	font-size:			9px;
}


INPUT.button, INPUT.fieldbutton {
	color: 				#678d78;
	font-family:     	Tahoma, Verdana, Arial, sans-serif;
	font-style:    		normal;
	font-weight: 		bold;
	font-size:    		10px;
	background-color:   #666;
	border-bottom: 		#000 solid 1px;
	border-right: 		#000 solid 1px;
	border-left: 		#000 solid 1px;
	border-top: 		#000 solid 1px;
	cursor: 			pointer;
}


INPUT.button:hover, INPUT.fieldbutton:hover {
	background-color:   #FFF;
	color: 				#FF7800;
}

SELECT.fieldlistbox {
	background-color:   #FFFFFF;
	color: 				#678d78;
	font-family: 		Tahoma, Verdana, Arial, sans-serif;
	font-style:    		normal;
	font-size:    		10px;
	width: 				150px;
	border-top: 		1px solid #678d78;
	border-right: 		1px solid #678d78;
	border-bottom: 		1px solid #678d78;
	border-left: 		1px solid #678d78;
}

SELECT.fieldlistbox OPTION {
	color: 				#678d78;
	font-family: 		Tahoma, Verdana, Arial, sans-serif;
	font-style:    		normal;
	font-size:        	11px;
	background-color:   #FFFFFF;
	width: 				150px;
}

TEXTAREA.fieldtextbox {
	border-top: 		1px solid #678d78;
	border-right: 		1px solid #678d78;
	border-bottom: 		1px solid #678d78;
	border-left: 		1px solid #678d78;
	background-color: 	#FFF;
	font-family: 		Tahoma, Verdana, Arial, sans-serif;
	font-size: 			11px;
	padding-left: 		2px;
}

/* Champs de formulaire inactif */
.disabled {
	visibility : 		hidden;
	color: 				#FFF;
	font-size: 			0px;
	font-family: 		Tahoma, Verdana, Arial, sans-serif;
	background-color:   transparent;
	border: 			#FFF solid 0px;
}

/* Champs de formulaire actif */
.enabled {
	visibility : 		visible;
	border-top: 		1px solid #DFDFDF;
	border-right: 		1px solid #DFDFDF;
	border-bottom: 		1px solid #DFDFDF;
	border-left: 		1px solid #DFDFDF;
	background-color: 	#FFF;
	font-family: 		Tahoma, Verdana, Arial, sans-serif;
	font-size: 			11px;
	padding-left: 		2px;
}

/* Impression */
.unprintable {
	display:	block;
}

@media print {
.unprintable { 
	display: 	none;
	visibility: hidden;
	}
}

/*********************************************************
STRUCTURE
********************************************************/
DIV#bg_struct{
background-image:url('/skins/recylor/images/bg_struct.jpg');
background-repeat:repeat-y;
width:800px;
margin-left:auto;
margin-right:auto;
padding-left:2px;
padding-right:3px;
height:auto;
}


/*********************************************************
HEADER
********************************************************/
/* en tete */
DIV#bg_header{
background-image:url('/skins/recylor/images/bg_header.gif');
background-repeat:no-repeat;
width:700px;
height:36px;
padding-left:100px;
padding-top:12px;}


/* sloggan */
DIV#sloggan{
float:left;
}
.sloggan01{
color: 				#7c4e15;
font-family: 		Tahoma, Verdana, Arial, sans-serif;
font-weight:bold;
font-size:        	9px;
}
.sloggan02{
color: 				#00a1b9;
font-family: 		Tahoma, Verdana, Arial, sans-serif;
font-weight:		normal;
font-size:        	9px;
}

/* visuel*/
DIV#visu{
background-image:url('/skins/recylor/images/bg_visu.jpg');
background-repeat:no-repeat;
width:710px;
height:187px;
padding-right:90px;
padding-top:5px}

/*pub promo dans visuel*/
DIV#pub{
width:300px;
}
.titrepub{
color: 				#007dc4;
font-family: 		Verdana, Tahoma, Arial, sans-serif;
font-weight:		normal;
font-size:        	30px;
line-height: 28px;
}
.soustitrepub{
color: 				#4ea50e;
font-family: 		Verdana, Tahoma, Arial, sans-serif;
font-weight:		bold;
font-size:        	12px;
}

/*separateur horizontal bleu*/
DIV.sep{
border-bottom: solid 1px #007dc4;
margin: 2px;
font-size: 2px;
height: 2px;
}

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

/*********************************************************
CONTENU
********************************************************/
/* fond vert clair contenu */	
DIV#contenu{
background-color:#dbf699;
width:794px;
padding-left:6px;
height:auto;
}

/* fond box accueil */	
DIV.box{
width:217px;
float: left;
margin-top:4px;
}

.box .background {
   background-image:url('/skins/recylor/images/bg_box.gif');
   background-repeat:repeat-y;
   height: 230px;
   padding-right: 8px;
}

/* fond titre box acueil */	
DIV.box_title{
background-image:url('/skins/recylor/images/bg_box_title.gif');
background-repeat:repeat-y;
width:205px;
height:116px;
padding-top:12px;
padding-left:5px;
padding-right:7px;
color: #00501f;
font-family: Tahoma, Verdana, Arial, sans-serif;
font-size: 	12px;
font-weight: bold;
}
/* barre soulignée */	
DIV.boxbarverte{
border-bottom:solid 5px #4ea50e;
margin-bottom:3px;
font-size: 1px;
height: 2px;
}
DIV.boxbarbrune{
border-bottom:solid 5px #7c4e15;
margin-bottom:3px;
font-size: 1px;
height: 2px;
}
DIV.boxbarbleue{
border-bottom:solid 5px #007dc4;
margin-bottom:3px;
font-size: 1px;
height: 2px;
}

.img{
border:solid 1px #464646;
}

.img_cont{
border:solid 1px #464646;
margin-right:6px;
} 

.img_cont2{
margin-right:6px;
} 

.img_cont3{
border:solid 1px #464646;
margin-right:6px;
float:left;
} 
/* contenu des boxs */	
.box_contenu{
padding-left:10px;
}

/* sous titre des boxs */	
.box_soustitle{
color: #007dc4;
font-family: Tahoma, Verdana, Arial, sans-serif;
font-size: 	11px;
font-weight: bold;}


/* Definition des liens brun */		
.lienBrun:link {
color: #7c4e15;
font-size: 11px;
text-decoration: none;
font-weight: bold;
}
.lienBrun:visited {
color: #7c4e15;
font-size: 	11px;
text-decoration:none;
font-weight: bold;			
}
.lienBrun:hover {
color: #3399d1;
font-size: 11px;
text-decoration: none;
font-weight: bold;			
}
.lienBrun:active {
color: #3399d1;
font-size: 	11px;
text-decoration:none;
font-weight: bold;			
}

/*********************************************************
BOTTOM
********************************************************/
DIV#Bottom{
background-image:url('/skins/recylor/images/bg_bottom.gif');
background-repeat:no-repeat;
width:800px;
height:103px;
color:#FFFFFF;
margin:0px;
padding:0px;
}

/* Definition des liens blanc */		
.lienBlanc:link {
color: #ffffff;
font-size: 11px;
text-decoration: none;
font-weight: bold;
}
.lienBlanc:visited {
color: #ffffff;
font-size: 	11px;
text-decoration:none;
font-weight: bold;			
}
.lienBlanc:hover {
color: #dbf699;
font-size: 11px;
text-decoration: none;
font-weight: bold;			
}
.lienBlanc:active {
color: #dbf699;
font-size: 	11px;
text-decoration:none;
font-weight: bold;			
}

.marge_img{
margin-right:5px;
margin-left:5px;}


/*********************************************************
CONTENU PAGE INTERNE
********************************************************/
DIV#struct_cont{
width:661px;
padding-top:4px;
float:left;}


TD.struct_cont_head{
background-image:url('/skins/recylor/images/bg_cont_head.gif');
background-repeat:no-repeat;
height:6px;
width:661px;}

TD.struct_cont_bottom{
background-image:url('/skins/recylor/images/bg_cont_bottom.gif');
background-repeat:no-repeat;
height:6px;
width:661px;}

TD.struct_cont_left{
background-image:url('/skins/recylor/images/bg_cont_left.gif');
background-repeat:repeat-y;
width:4px;}

TD.struct_cont_right{
background-image:url('/skins/recylor/images/bg_cont_right.gif');
background-repeat:repeat-y;
width:4px;}

TD.struc_cont_degrade{
background-image:url('/skins/recylor/images/bg_cont_degrade.gif');
background-repeat:repeat-x;
background-color:#FFFFFF;
padding-top:15px;
padding-left:10px;
padding-right:10px;}



TD.box_cont_head{
background-image:url('/skins/recylor/images/bgbox_cont_head.gif');
background-repeat:repeat-x;
height:4px;
}

TD.box_cont_bottom{
background-image:url('/skins/recylor/images/bgbox_cont_bottom.gif');
background-repeat:repeat-x;
height:4px;
}

TD.box_cont_left{
background-image:url('/skins/recylor/images/bgbox_cont_left.gif');
background-repeat:repeat-y;
width:4px;}

TD.box_cont_right{
background-image:url('/skins/recylor/images/bgbox_cont_right.gif');
background-repeat:repeat-y;
width:4px;}

TD.box_cont_blanc{
background-color:#FFFFFF;
padding:5px;
}








		/* BG Tableau annuaire (Pair et Impair)*/						
			TR.title_tablo TD {
			background-color:#86b5d1;
			border-bottom:solid 1px #666;
			height:27px;
			color:#FFFFFF;
			}
			TR.title02_tablo TD {
			background-color:#B5D0DF;
			border-bottom:solid 1px #666;
			height:27px;
			}

			
			TR.odd TD {
			background-color:#eff5f9;
			border-bottom:solid 1px #666;
			height:27px;
			}
	
			TR.even TD {
			background-color:#fff;
			border-bottom:solid 1px #666;
			height:27px;
			}

/* *************************** */
/* STYLES RECYLOR V1 - OLIVIER */
/* *************************** */

.actu_body_tmpl table {
	border-collapse: collapse;
}

.actu_body_tmpl thead td {
	font-size: 10px;
	font-weight: bold;
	padding: 5px;
	border-top: 1px solid #1F960A;
	background-color: #A4FF28;
	color: #005595;
	vertical-align: bottom;
}

.actu_body_tmpl tbody tr {
	vertical-align: top;
}

.actu_body_tmpl tbody th {
	text-align: left;
	font-size: 10px;
	font-weight: normal;
	padding: 5px;
	border-top: 1px solid #1F960A;
	border-bottom: 1px solid #1F960A;
	background-color: #ECFFC8;
	color: #6A6A6A;
}

.actu_body_tmpl tbody td {
	font-size: 10px;
	font-weight: normal;
	padding: 5px;
	border-top: 1px solid #1F960A;
	border-bottom: 1px solid #1F960A;
	color: #6A6A6A;
}

/* ***************************** */
/* STYLES ADDITIONNELS - OLIVIER */
/* ***************************** */

.formStyles label { color: #009ee0; }
.formStyles input { display: inline; }
DIV#Bottom A:link, DIV#Bottom A:visited, DIV#Bottom A:active {
	color: 			#FFFFFF;
	font-family: 	Tahoma, Verdana, Arial, sans-serif;
	font-size: 		10px;
	text-transform: uppercase;
}

DIV#Bottom A:hover{
	color: 			#00501f;
	font-size: 		10px;
}

.clearer {clear: both; width: auto; height: 5px; font-size: 5px;}
.box1top {width: 454px; height: 11px; background-image:url(/skins/recylor/images/bg_box1_top.gif); background-position: top left; background-repeat: no-repeat; }
.box1bottom {width: 454px; height: 11px; background-image:url(/skins/recylor/images/bg_box1_bottom.gif); background-position: top left; background-repeat: no-repeat; }
.box1content {width: 424px; height: auto; padding: 0px 15px 0px 15px; background-image:url(/skins/recylor/images/bg_box1_content.gif); background-position: top left; background-repeat: repeat-y; }

.box2top {width: 162px; height: 6px; background-image:url(/skins/recylor/images/bg_box2_top.gif); background-position: top left; background-repeat: no-repeat; }
.box2bottom {width: 162px; height: 6px; background-image:url(/skins/recylor/images/bg_box2_bottom.gif); background-position: top left; background-repeat: no-repeat; }
.box2content {width: 132px; height: auto; padding: 0px 15px 0px 15px; background-image:url(/skins/recylor/images/bg_box2_content.gif); background-position: top left; background-repeat: repeat-y; }

.box3top {width: 312px; height: 6px; background-image:url(/skins/recylor/images/bg_box3_top.gif); background-position: top left; background-repeat: no-repeat; }
.box3bottom {width: 312px; height: 6px; background-image:url(/skins/recylor/images/bg_box3_bottom.gif); background-position: top left; background-repeat: no-repeat; }
.box3content {width: 292px; height: auto; padding: 10px 10px 10px 10px; background-image:url(/skins/recylor/images/bg_box3_content.gif); background-position: top left; background-repeat: repeat-y; }

.box4top {width: 622px; height: 12px; background-image:url(/skins/recylor/images/bg_box4_top.gif); background-position: top left; background-repeat: no-repeat; }
.box4bottom {width: 622px; height: 12px; background-image:url(/skins/recylor/images/bg_box4_bottom.gif); background-position: top left; background-repeat: no-repeat; }
.box4content {width: 602px; height: auto; padding: 10px; background-image:url(/skins/recylor/images/bg_box4_content.gif); background-position: top left; background-repeat: repeat-y; }