/* IMPORT FEUILLE DE STYLE OLIVIER */
@import "styleoz.css";

/* 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: 				#30332c;
	font-family: 		Tahoma, Verdana, Arial, sans-serif; 
	font-size: 			11px;
	border:				0px;
	background-color:	#c9e5e9;
}


/* 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; 
	margin:			0px;
	padding:		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: #58ad34; } /* vert */
.color3     { color: #00a3dd; } /* bleu */
.color4     { color: #f3b31b; } /* yellow */
.color5     { color: #009b7b; } /* vertbleu */
.color6     { color: #637682 ;} /* gris */
.color7     { color: #3f3f3f ;} /* gris fonce */

.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: 				#deecf6;
	font-weight: 		bold;
	font-size: 			11px;
}


/* 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: #00a3dd}
A:visited 	{text-decoration: none; color: #00a3dd}
A:hover 	{text-decoration: none; color: #3f3f3f}


/*
.Lienred:link 		{text-decoration: none; color: #ea2200}
.Lienred:visited 	{text-decoration: none; color: #ea2200}
.Lienred:hover 	{text-decoration: none; color: #696969}

.Liengreen:link 		{text-decoration: none; color: #82d613}
.Liengreen:visited 	{text-decoration: none; color: #82d613}
.Liengreen:hover 	{text-decoration: none; color: #696969}

.Liengrey:link 		{text-decoration: none; color: #637682}
.Liengrey:visited 	{text-decoration: none; color: #637682}
.Liengrey:hover 	{text-decoration: none; color: #696969}

.Lienwhite:link 		{text-decoration: none; color: #fff}
.Lienwhite:visited 	{text-decoration: none; color: #fff}
.Lienwhite:hover 	{text-decoration: none; color: #696969}

.Lienpink:link 		{text-decoration: none; color: #ee005f}
.Lienpink:visited 	{text-decoration: none; color: #ee005f}
.Lienpink:hover 	{text-decoration: none; color: #696969}

.Lienbleu:link 		{text-decoration: none; color: #132552}
.Lienbleu:visited 	{text-decoration: none; color: #132552}
.Lienbleu:hover 	{text-decoration: none; color: #696969}

.Lienredbig:link 	{text-decoration: none; color: #ea2200; font-size: 	14px; 	font-weight: 	bold;}
.Lienredbig:visited {text-decoration: none; color: #ea2200; font-size: 	14px; 	font-weight: 	bold;}
.Lienredbig:hover 	{text-decoration: none; color: #696969; font-size: 	14px; 	font-weight: 	bold;}

.Liengreenbig:link 		{text-decoration: none; color: #82d613; font-size: 	14px; 	font-weight: 	bold;}
.Liengreenbig:visited 	{text-decoration: none; color: #82d613; font-size: 	14px; 	font-weight: 	bold;}
.Liengreenbig:hover 	{text-decoration: none; color: #696969; font-size: 	14px; 	font-weight: 	bold;}
	
*/	

	
/********************************************************* 
	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;
}

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

/* Liste a puce de contenu NIV 2 */
UL LI UL {
	list-style-position: 	outside; /* outside, inside */
	list-style-image:		url('/skins/saintois/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/saintois/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:#637682;
}

/* Text Box*/
INPUT.fieldtextbox{
	border-top: 		1px solid #9c9c9c;
	border-right: 		1px solid #9c9c9c;
	border-bottom: 		1px solid #9c9c9c;
	border-left: 		1px solid #9c9c9c;
	background-color: 	#FFF;
	color:#676867;
	font-family: 		Tahoma, Verdana, Arial, sans-serif;
	font-size: 			11px;
	padding-left: 		2px;
	padding-right: 		2px;
	margin: 			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: 				#fff;
	font-family:     	Tahoma, Verdana, Arial, sans-serif;
	font-style:    		normal;
	font-weight: 		normal;
	font-size:    		10px;
	background-color:   #67717d;
	border-bottom: 		#9c9c9c solid 1px;
	border-right: 		#9c9c9c solid 1px;
	border-left: 		#9c9c9c solid 1px;
	border-top: 		#9c9c9c solid 1px;
	cursor: 			pointer;
}

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

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

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

TEXTAREA.fieldtextbox {
	border-top: 		1px solid #9c9c9c;
	border-right: 		1px solid #9c9c9c;
	border-bottom: 		1px solid #9c9c9c;
	border-left: 		1px solid #9c9c9c;
	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
********************************************************/
/*structure*/
DIV#bg_structure{
background-image:url('/skins/saintois/images/bg-struct.gif');
background-repeat:repeat-y;
width:880px;
margin-left:auto;
margin-right:auto;
}

DIV#bg_structure-mailinglist{
background-image:url('/skins/saintois/images/bg-main-malinglist.gif');
background-repeat:repeat-y;
width:645px;
margin-left:auto;
margin-right:auto;
}

DIV#bg_structure_bottom-mailing{
background-image:url('/skins/saintois/images/bg-main-malinglist-bottom.gif');
background-repeat:repeat-y;
width:645px;
height:120px;
margin-left:auto;
margin-right:auto;
color:#3f3f3f;
clear:both;
}

DIV#header-mailing{
background-image:url('/skins/saintois/images/bg-head-mailing.jpg');
background-repeat:no-repeat;
width:617px;
height:164px;
margin-left:auto;
margin-right:auto;
}

DIV#contenu-mailing{
width:617px;
margin-left:auto;
margin-right:auto;
}


DIV.title-mailing {
font-size:18px;
height:28px;
padding-top:4px;
padding-left:6px;
color:#ffffff;
font-weight:normal;
margin:0px;
background-image:url('/skins/saintois/images/bg-titlepage.jpg');
background-repeat:repeat-x;
border-bottom:solid 1px #ffffff;
border-right:solid 2px #ffffff;
float:left;
width:461px;
}

.img-mailing{
border:solid 1px #878686;
margin-right:6px;}

/*********************************************************
BOTTOM
********************************************************/
DIV#bg_structure_bottom{
background-image:url('/skins/saintois/images/bg-struct-bottom.gif');
background-repeat:repeat-y;
width:880px;
height:135px;
margin-left:auto;
margin-right:auto;
color:#3f3f3f;
clear:both;
}



DIV#bg_structure_bottom A:link 	{text-decoration: none; color: #a0a3a0;}
DIV#bg_structure_bottom A:visited {text-decoration: none; color: #a0a3a0;}
DIV#bg_structure_bottom A:hover 	{text-decoration: none; color: #3f3f3f;}
DIV#bg_structure_bottom A:active 	{text-decoration: none; color: #3f3f3f;}

DIV#bottom-menurecurant{
width:845px;
margin-left:auto;
margin-right:auto;
border-top:solid 1px #878686;
border-bottom:solid 1px #878686;
}



/*********************************************************
HEADER
********************************************************/
DIV#header{
background-image:url('/skins/saintois/images/bg-head.jpg');
background-repeat:no-repeat;
width:845px;
height:151px;
margin-left:auto;
margin-right:auto;
}

DIV#logo{
margin:0px;
width:292px;
float:left;
padding-top:8px;
}

DIV#menu-recurant{
padding-right:2px;
padding-top:2px;
color:#165da5;
font-family:Tahoma, Verdana, Arial, sans-serif;
font-size: 10px;
font-weight:bold;
float:right;
}
DIV#menu-recurant A:link 	{text-decoration: none; color: #165da5;}
DIV#menu-recurant A:visited {text-decoration: none; color: #165da5;}
DIV#menu-recurant A:hover 	{text-decoration: none; color: #00a3dd;}
DIV#menu-recurant A:active 	{text-decoration: none; color: #00a3dd;}


/*********************************************************
MENU
********************************************************/
DIV#main-menu{
width:848px;
margin-left:auto;
margin-right:auto;
}
DIV#main-menu A:link 	{text-decoration: none; color: #fff;}
DIV#main-menu A:visited {text-decoration: none; color: #fff;}
DIV#main-menu A:hover 	{text-decoration: none; color: #006cb4;}
DIV#main-menu A:active 	{text-decoration: none; color: #006cb4;}

.menu-yellow{
background-color:#f3b31b;
background-image:url('/skins/saintois/images/bg-menu01.gif');
float:left;
width:206px;
margin-right:2px;
height:33px;
text-transform:uppercase;
color:#FFFFFF;
font-weight:bold;
font-size:12px;
padding-left:4px;
padding-top:3px;
cursor:pointer;
}
.menu-yellow:hover{
background-color:#f5e0ad;
background-image:url('/skins/saintois/images/bg-menu01.gif');
}
.imgyellow{
background-image:url('/skins/saintois/images/imgmenu01.jpg');
width:210px;
height:131px;
margin-right:2px;
margin-top:2px;
float:left;
}

.menu-vertbleu{
background-color:#009b7b;
background-image:url('/skins/saintois/images/bg-menu01.gif');
float:left;
width:206px;
margin-right:2px;
height:33px;
text-transform:uppercase;
color:#FFFFFF;
font-weight:bold;
font-size:12px;
padding-left:4px;
padding-top:3px;
cursor:pointer;
}
.menu-vertbleu:hover{
background-color:#a5dcd0;
background-image:url('/skins/saintois/images/bg-menu01.gif');
}
.imgbleuvert{
background-image:url('/skins/saintois/images/imgmenu02.jpg');
width:210px;
height:131px;
margin-right:2px;
margin-top:2px;
float:left;
}

.menu-bleu{
background-color:#00a3dd;
background-image:url('/skins/saintois/images/bg-menu01.gif');
float:left;
width:206px;
margin-right:2px;
height:33px;
text-transform:uppercase;
color:#FFFFFF;
font-weight:bold;
font-size:12px;
padding-left:4px;
padding-top:3px;
cursor:pointer;
}
.menu-bleu:hover{
background-color:#c6d9e8;
background-image:url('/skins/saintois/images/bg-menu01.gif');
}
.imgbleu{
background-image:url('/skins/saintois/images/imgmenu03.jpg');
width:210px;
height:131px;
margin-right:2px;
margin-top:2px;
float:left;
}

.menu-vert{
background-color:#58ad34;
background-image:url('/skins/saintois/images/bg-menu01.gif');
float:left;
width:206px;
margin-right:2px;
height:33px;
text-transform:uppercase;
color:#FFFFFF;
font-weight:bold;
font-size:12px;
padding-left:4px;
padding-top:3px;
cursor:pointer;
}
.menu-vert:hover{
background-color:#aadd94;
background-image:url('/skins/saintois/images/bg-menu01.gif');
}
.imgvert{
background-image:url('/skins/saintois/images/imgmenu04.jpg');
width:210px;
height:131px;
margin-right:2px;
margin-top:2px;
float:left;
}

DIV.menu-2{
font-family:Tahoma, Verdana, Arial, sans-serif;
background-image:url('/skins/saintois/images/bg-menu2.gif');
font-size: 10px;
height:18px;
border-bottom:solid 1px #ffffff;
padding-left:17px;
padding-top:2px;
cursor:pointer;
}

DIV.menu-2-focus{
background-color:#aadd94;
background-image:url('/skins/saintois/images/bg-menu2.gif');
font-family:Tahoma, Verdana, Arial, sans-serif;
font-size: 10px;
height:18px;
border-bottom:solid 1px #ffffff;
padding-left:17px;
padding-top:2px;
cursor:pointer;
}

DIV.menu-2-focus A:link 		{text-decoration: none; color: #3f3f3f;}
DIV.menu-2-focus A:visited 	{text-decoration: none; color: #3f3f3f;}
DIV.menu-2-focus A:hover 		{text-decoration: none; color: #165da5;}
DIV.menu-2-focus A:active 	{text-decoration: none; color: #165da5;}

.menu-2:hover{
background-color:#c6d9e8;
background-image:url('/skins/saintois/images/bg-menu2.gif');
font-family:Tahoma, Verdana, Arial, sans-serif;
font-size: 10px;
height:18px;
border-bottom:solid 1px #ffffff;
padding-left:17px;
padding-top:2px;
cursor:pointer;
}

DIV.menu-2 A:link 		{text-decoration: none; color: #3f3f3f;}
DIV.menu-2 A:visited 	{text-decoration: none; color: #3f3f3f;}
DIV.menu-2 A:hover 		{text-decoration: none; color: #165da5;}
DIV.menu-2 A:active 	{text-decoration: none; color: #165da5;}


DIV#menu3{
margin:0px;
width:635px;
font-family:Tahoma, Verdana, Arial, sans-serif;
font-size: 10px;
background-image:url('/skins/saintois/images/bg-menu3.gif');
background-repeat:repeat-x;
background-position:bottom;
}

DIV.element-menu3{
border-bottom:solid 2px #009b7b;
border-right:solid 1px #ffffff;
background-color:#e4ebfe;
float:left;
height:17px;
padding-top:3px;
}

DIV.element-menu3:hover{
background-color:#ffffff;
border-bottom:solid 2px #f3b31b;
border-right:solid 1px #ffffff;
float:left;
padding-top:3px;
}

DIV.element-menu3-focus{
background-color:#ffffff;
border-bottom:solid 2px #f3b31b;
border-right:solid 1px #ffffff;
float:left;
height:17px;
padding-top:3px;
}

DIV#menu3 A:link 		{text-decoration: none; color: #3f3f3f;}
DIV#menu3 A:visited 	{text-decoration: none; color: #3f3f3f;}
DIV#menu3 A:hover 		{text-decoration: none; color: #165da5;}
DIV#menu3 A:active 	{text-decoration: none; color: #165da5;}

/* fil d'arianne */
DIV#breadcrumb{
background-color:#a5dcd0;
height:18px;
font-size:10px;
color:#314c6a;
padding-left:6px;
padding-top:4px;
border-bottom:solid 1px #ffffff;
}

DIV#breadcrumb A:link 		{text-decoration: none; color: #3f3f3f;}
DIV#breadcrumb A:visited 	{text-decoration: none; color: #3f3f3f;}
DIV#breadcrumb A:hover 		{text-decoration: none; color: #f5f8fe;}
DIV#breadcrumb A:active 	{text-decoration: none; color: #f5f8fe;}


/*********************************************************
GENERIQUES
********************************************************/


DIV#contenu-accueil{
width:847px;
margin-left:auto;
margin-right:auto;
clear:both;
}

.clearer{
clear:both;
width:auto;
height:0px;
font-size:0px;
}


.vignette{
border:solid 1px #165da5;
margin-right:5px;
}

.img-box{
border:solid 1px #a0a3a0;}



#box-recherche{
margin:0px;
padding-top:4px;
}

.recherche-title{
background-image:url('/skins/saintois/images/box-recherche-top.gif');
background-repeat:no-repeat;
width:277px;
height:14px;
}

.recherche-middle{
background-image:url('/skins/saintois/images/box-recherche-middle.gif');
background-repeat:repeat-y;
width:260px;
padding-left:15px;
padding-right:2px;
}

.recherche-bottom{
background-image:url('/skins/saintois/images/box-recherche-bottom.gif');
background-repeat:no-repeat;
width:277px;
height:8px;
}

/* zone texte recherche */
INPUT.search{
border-top: 		1px solid #DFDFDF;
border-right: 		1px solid #DFDFDF;
border-bottom: 		1px solid #DFDFDF;
border-left: 		1px solid #DFDFDF;
color:				#999999;
background-color: 	#FFF;
font-family: 		Tahoma, Verdana, Arial, sans-serif;
font-size: 			11px;
background-image:	url('/skins/saintois/images/p_lope.gif');
background-repeat:	no-repeat;
padding-left:		20px;
padding-right:		5px;
background-position:2px 2px;
}

.recherche{
margin:0px;
background-image:url('/skins/saintois/images/bg-recherche.jpg');
background-repeat:repeat-x;
height:24px;
padding-top:8px;
color:#878686;
border-bottom:2px solid #ffffff;
}

/* separateur */
DIV.sep{
border-bottom:solid 1px #878686;
margin-bottom:6px;
height:10px;
clear:both;
}
/* separateur */
DIV.sep-grise{
background-image:url('/skins/saintois/images/sep_grise.gif');
background-repeat:repeat-x;
height:8px;
clear:both;
}

.sep-verticale{
background-image:url('/skins/saintois/images/sep_grise-verticale.gif');
background-repeat:repeat-y;}

/* détermine le changement couleur pair et impair des lignes  */
DIV.odd{
cursor: pointer;
padding-bottom:8px;
padding-top:2px;
background-image:url('/skins/saintois/images/sep_grise.gif');
background-repeat:repeat-x;
background-position:bottom;
}
DIV.odd:hover{
background-color:#fff;
cursor: pointer;
padding-bottom:8px;
padding-top:2px;
background-image:url('/skins/saintois/images/sep_grise.gif');
background-repeat:repeat-x;
background-position:bottom;
}
DIV.even{
cursor: pointer;
padding-bottom:8px;
padding-top:2px;
background-image:url('/skins/saintois/images/sep_grise.gif');
background-repeat:repeat-x;
background-position:bottom;
}
DIV.even:hover{
background-color:#fff;
cursor: pointer;
padding-bottom:8px;
padding-top:2px;
background-image:url('/skins/saintois/images/sep_grise.gif');
background-repeat:repeat-x;
background-position:bottom;
}

/*********************************************************
BOX ACCUEIL
********************************************************/
DIV#box-gauche{
width:565px;
float:left;
}

DIV#box-droite{
width:279px;
float:left;
}

DIV#box-actu{
width:278px;
margin-right:4px;
float:left;
margin-top:3px;
}
DIV.box-actu-title{
background-image:url('/skins/saintois/images/box-title-green.gif');
height:23px;
color:#FFFFFF;
font-family: Tahoma, Verdana, Arial, sans-serif;
font-size: 14px;
font-weight:bold;
padding-left:10px;
padding-top:10px;
}

DIV.box-actu-middle{
background-image:url('/skins/saintois/images/box-middle-yellow.jpg');
background-repeat:repeat-y;
width:264px;
padding-top:4px;
padding-left:4px;
padding-right:10px;
color:#676867;
}

.box-actu-middle H1{
color:#58ad34;
font-family: Tahoma, Verdana, Arial, sans-serif;
font-size: 16px;
font-weight:bold;
text-transform:none;
background-image:none;
border:none;
}
.box-actu-middle H1 A:link 		{text-decoration: none; color: #58ad34}
.box-actu-middle H1 A:visited 	{text-decoration: none; color: #58ad34}
.box-actu-middle H1 A:hover 		{text-decoration: none; color: #3f3f3f}

.box-actu-middle H2{
color:#58ad34;
font-family: Tahoma, Verdana, Arial, sans-serif;
font-size: 12px;
font-weight:bold;
text-transform:none;
border-bottom:none;
}

.box-actu-middle H2 A:link 		{text-decoration: none; color: #58ad34}
.box-actu-middle H2 A:visited 	{text-decoration: none; color: #58ad34}
.box-actu-middle H2 A:hover 		{text-decoration: none; color: #3f3f3f}

DIV.box-actu-bottom{
background-image:url('/skins/saintois/images/box-bottom-yellow.jpg');
background-repeat:no-repeat;
height:11px;
}


DIV#box-calendrier{
width:278px;
margin-right:2px;
float:left;
margin-top:3px;
}
DIV.box-calendrier-title{
background-image:url('/skins/saintois/images/box-title-blue.gif');
height:23px;
color:#FFFFFF;
font-family: Tahoma, Verdana, Arial, sans-serif;
font-size: 14px;
font-weight:bold;
padding-left:10px;
padding-top:10px;
}

DIV.box-calendrier-middle{
background-image:url('/skins/saintois/images/box-middle-blue.jpg');
background-repeat:repeat-y;
width:264px;
padding-top:4px;
padding-left:4px;
padding-right:10px;
color:#676867;
}

.box-calendrier-middle H1{
color:#00a3dd;
font-family: Tahoma, Verdana, Arial, sans-serif;
font-size: 16px;
font-weight:bold;
text-transform:none;
background-image:none;
border:none;
}

.box-calendrier-middle H2{
color:#00a3dd;
font-family: Tahoma, Verdana, Arial, sans-serif;
font-size: 12px;
font-weight:bold;
text-transform:none;
border-bottom:none;
}

DIV.box-calendrier-bottom{
background-image:url('/skins/saintois/images/box-bottom-blue.jpg');
background-repeat:no-repeat;
height:11px;
}


DIV#box-manquer{
width:279px;
}
DIV.box-manquer-title{
background-image:url('/skins/saintois/images/box-title-yellow.gif');
height:27px;
color:#FFFFFF;
font-family: Tahoma, Verdana, Arial, sans-serif;
font-size: 18px;
font-weight:bold;
padding-left:10px;
padding-top:6px;
margin-top:6px;
}

DIV.box-manquer-middle{
background-image:url('/skins/saintois/images/box-middle-manquer.jpg');
background-repeat:repeat-y;
width:277px;
color:#676867;
padding-left:1px;
padding-right:1px;
}

.box-manquer-middle H1{
color:#f39321;
font-family: Tahoma, Verdana, Arial, sans-serif;
font-size: 16px;
font-weight:bold;
text-transform:none;
background-image:none;
border:none;
}
.box-manquer-middle H1 A:link 		{text-decoration: none; color: #f39321}
.box-manquer-middle H1 A:visited 	{text-decoration: none; color: #f39321}
.box-manquer-middle H1 A:hover 		{text-decoration: none; color: #3f3f3f}

.box-manquer-middle H2{
color:#009b7b;
font-family: Tahoma, Verdana, Arial, sans-serif;
font-size: 12px;
font-weight:bold;
text-transform:none;
border-bottom:none;
}

.box-manquer-middle H2 A:link 		{text-decoration: none; color: #009b7b}
.box-manquer-middle H2 A:visited 	{text-decoration: none; color: #009b7b}
.box-manquer-middle H2 A:hover 		{text-decoration: none; color: #3f3f3f}

.box-manquer-middle .odd{
cursor: pointer;
padding-left:10px;
padding-top:2px;
background-image:url('/skins/saintois/images/sep_grise.gif');
background-repeat:repeat-x;
background-color:#FFFFFF;
background-position:bottom;
}

.box-manquer-middle .even{
cursor: pointer;
padding-left:10px;
padding-top:2px;
background-image:url('/skins/saintois/images/sep_grise.gif');
background-repeat:repeat-x;
background-position:bottom;
}

DIV.box-manquer-bottom{
background-image:url('/skins/saintois/images/box-bottom-manquer.jpg');
background-repeat:no-repeat;
height:11px;
}


/*********************************************************
CONTENU
********************************************************/
DIV#contenu{
width:848px;
margin-left:auto;
margin-right:auto;
background-image:url('/skins/saintois/images/bg-cont.jpg');
background-repeat:no-repeat;
clear:both;
}

DIV#col-gauche{
width:210px;
float:left;
border-right:solid 2px #ffffff;
}

DIV#col-droite{
margin:0px;
float:left;
width:635px;
}


DIV#cont-col-gauche{
margin:0px 10px 0px 0px;
width:390px;
padding-left:5px;
float:left;
}

DIV#cont-col-droit{
margin:0px;
width:210px;
float:left;
}


TD.odd{
padding-left:8px;
background-color:#e4ebfe;
border-bottom:solid 1px #c6d9e8;
background-image:none;
color:#878686;
cursor:auto;
}

TD.odd A:link 		{text-decoration: none; color: #878686; border:none;}
TD.odd A:visited 	{text-decoration: none; color: #878686; border:none;}
TD.odd A:hover 		{text-decoration: none; color: #00a3dd; border:none;}
TD.odd A:active 	{text-decoration: none; color: #00a3dd; border:none;}

TD.even{
padding-left:8px;
background-color:#ffffff;
border-bottom:none;
background-image:none;
color:#878686;
cursor:auto;
}

TD.even A:link 		{text-decoration: none; color: #878686; border-bottom:none;}
TD.even A:visited 	{text-decoration: none; color: #878686; border-bottom:none;}
TD.even A:hover 		{text-decoration: none; color: #00a3dd; border-bottom:none;}
TD.even A:active 	{text-decoration: none; color: #00a3dd; border-bottom:none;}


.box-contenu-bordure{
border:solid 1px #878686;
padding:4px;
background-color:#FFFFFF;
margin-top:8px;
margin-bottom:8px;
}

.box-contenu-vert{
background-color:#d6f1cc;
padding:4px;
color:#878686;
}

.box-contenu-bleu{
background-color:#e4ebfe;
padding:4px;
color:#878686;
}

.box-contenu-bleuclair{
background-color:#eff7fa;
padding:4px;
color:#878686;
}

.box-contenu-bleuclair:hover{
background-color:#f5e0ad;
padding:4px;
color:#878686;
cursor:pointer;
}
.box-contenu-bleuclair A:link 		{text-decoration: none; color: #878686; border-bottom:none;}
.box-contenu-bleuclair A:visited 	{text-decoration: none; color: #878686; border-bottom:none;}
.box-contenu-bleuclair A:hover 		{text-decoration: none; color: #00a3dd; border-bottom:none;}
.box-contenu-bleuclair A:active 	{text-decoration: none; color: #00a3dd; border-bottom:none;}


.date{
font-size:18px;
font-weight:bolder;}


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

/* Titre de page */
H1 {
font-size:18px;
height:28px;
padding-top:4px;
padding-left:6px;
color:#ffffff;
font-weight:normal;
margin:0px;
background-image:url('/skins/saintois/images/bg-titlepage.jpg');
text-transform:uppercase;
background-repeat:repeat-x;
border-bottom:solid 1px #ffffff;
}

/* Titre de niveau 1 : I.,II.,III. */
H2 {
color:#009b7b;
font-family:Tahoma, Verdana, Arial, sans-serif; 
font-size:16px;
font-weight:bold;
margin:0px;
text-transform:uppercase;
border-bottom:solid 3px #58ad34;
}

H2 A:link 		{text-decoration: none; color: #00b9e9}
H2 A:visited 	{text-decoration: none; color: #00b9e9}
H2 A:hover 		{text-decoration: none; color: #3f3f3f}


/* Titre de niveau 2 : A),B),C) */
H3 {
color:#58ad34;
font-family:Tahoma, Verdana, Arial, sans-serif; 
font-size:12px;
font-weight:normal;
margin:0px;
text-transform:uppercase;
border-bottom:solid 1px #58ad34;
}

/* Titre de niveau 3 : 1/,2/,3/ */
H4 {
color:#00a3dd;
font-family:Tahoma, Verdana, Arial, sans-serif; 
font-size:10px;
font-weight:bold;
margin:0px;
text-transform:uppercase;
border-bottom:solid 3px #00a3dd;
}

H5 {
color:#009b7b;
font-family:Tahoma, Verdana, Arial, sans-serif; 
font-size:10px;
font-weight:bold;
margin:0px;
text-transform:uppercase;
border-bottom:solid 3px #58ad34;
}