/* CSS Document */
/***********************************************/
/* ccas.css                                    */
/* ccas.fr                                     */
/* auteur : Jerome Travers                     */
/*                                             */
/***********************************************/

/***********************************************/
/* HTML tag styles                             */
/***********************************************/ 

body {
	font-family: Verdana, Arial, sans-serif;
	font-size: 62.5%; /*10*/
	line-height: 1em;
	color: #000000;
	margin: 0px;
	padding: 0px;
	height: 100%;
	}

table, td {
	font: 1.1em;
	color: #000;
}

colgroup, col {
	font: 1.1em;
	color: #000;
}

p {
	margin-top: 0;
	margin-bottom: 0;
}

img {
	border-width: 0;
	border-style: none;
}

a {
	color: #0878A6;
	text-decoration: none;
}

a:visited {
	color: #0878A6;
	text-decoration: none;
}

a:hover {
	color: #289BCA;
	text-decoration: underline;
}

/* voir les autres liens specifiques */

h1, h2, h3, h4, h5, h6 {
	margin: 0px;
	padding: 0px;
}

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

/*input{
	border:1px solid #ADC3C7;
	margin-top: 0px;
	margin-bottom: 5px;
	padding: 1px;
}*/


ul {
	list-style-type: disc;
}


/***********************************************/
/* les classes internet                        */
/***********************************************/ 

.courant {
	font-size: 1.1em;
	line-height: 1.8em;
	color: #323338;
}

.infostitre { 
	font-size:2em;
	line-height: 1.4em;
}

.tinygris {
	font-size: 9px; 
	color: #9E9F8F; 
}

.tinytitre{
	font-size:1em; 
	font-weight: bold;
	letter-spacing: 0.2em;
	border-top: 1px  #64566F solid;
	border-bottom: 1px  #64566F solid;
	margin-top: 2px;
	margin-bottom: 2px;
	color: #64566F;
	line-height: 1.5em;
}

.rubrique {
	font-size: 1.5em; 
	font-weight: bold;
	color: #000;
	letter-spacing: 0.1em;
	line-height: 1.33em;
	background-color: #FFF;
	padding-left: 1.7em;
	padding-bottom: 2px; 
	background-image: url("../images/fleche_vert.gif");
	background-repeat: no-repeat; 
}

.titre {
	font-size: 1.6em; 
	font-weight: bold;
	line-height: 1.33em;
	border-top-width: 1px;
	border-top-color: #000000;
	border-top-style: solid;
}

.extrait{
	font-family: Verdana, sans-serif;
	font-size: 1.2em;
	line-height: 1.5em;
	color: #323338;
	text-align: justify;
}

.titrefull {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 2em;
	line-height: 2em;
	color: #999999;
}

.flien {
	margin-left: 5px;
	line-height: 0em;
	background-image: url("../images/flien2.jpg");
	background-repeat: no-repeat;
	font-size: 1.1em;
	text-align: left;
	padding-left: 0px;
	padding-bottom: 0px;
}


/*********************************************/
/*              class activites              */
/*********************************************/

.activites {
	position: relative;
	float: left;
	/* correction d'un bug IE5 PC */
	margin-bottom: 13px; 
	/*padding-bottom: 20px; */
}

/************* debut des blocs **************/

.rubcaddy{
	color:#5C5A6D;
	font-weight:bold;
	background-color:#D8DCDC;
	padding: 5px 0 5px 2px;
	margin:0 0 4px 0;
}

.listcaddy{
	color:#5C5A6D;
	padding: 5px 0 5px 2px;
	margin:0 0 4px 0;
}

.caddy{
	position:relative;
	background-color:#fff;
	margin:0 5px 0 5px;
	border: solid 1px #d1d1d1;
}	
	
.billetfond180 { 
	 background: #fff url(../images/blocbilletcentre_180.jpg) left repeat-y; 
	 }
	 
.billetfond190 { 
	 background: #fff url(../images/blocbilletcentre_190.jpg) left repeat-y; 
	 }	 
	 
.sessionfond180 { 
	 background: #fff url(../images/blocbilletcentre_180.jpg) left repeat-y;
	 height: 200px; 
	 }	 

.billetrub180{
	font-size: 1.5em; 
	font-weight: bold;
	color: #64566F;
	letter-spacing: 0.3px;
	line-height: 1.5em;
	background: url(../images/blocbillethaut_180.jpg) top left no-repeat;
	padding-top: 0.5em;
	padding-left: 0.5em;
}

.billetrub190{
	font-size: 1.5em; 
	font-weight: bold;
	color: #64566F;
	letter-spacing: 0.3px;
	line-height: 1.5em;
	background: url(../images/blocbillethaut_190.jpg) top left no-repeat;
	padding-top: 0.5em;
	padding-left: 0.5em;
}

.billetcaddy190{
	font-size: 1.4em; 
	/*font-weight: bold;*/
	color: #64566F;
	letter-spacing: 0.3px;
	line-height: 1.5em;
	background: url(../images/bloccaddyhaut_190.jpg) top left no-repeat;
	padding-top: 0.5em;
	padding-left: 0.5em;
}


.billetrub2180{
	margin-top: 0px;
	background: url(../images/blocbilletbas_180.jpg) bottom left no-repeat;
	margin-bottom: 10px;
}

.billetrub2190{
	margin-top: 0px;
	background: url(../images/blocbilletbas_190.jpg) bottom left no-repeat;
	margin-bottom: 10px;
}


.activitesfond550 { 
	 background: #fff url(../images/defaut_centre_550.jpg) left repeat; 
	 }

.activitesrub550{
	font-size: 1.5em; 
	font-weight: bold;
	color: #FE5C27;
	letter-spacing: 0.3px;
	line-height: 1.5em;
	background: #fff url(../images/defaut_haut_550.jpg) top left no-repeat;
	padding-top: 0.5em;
	padding-left: 0.5em;
}

.activitesrubsej550{
	font-size: 1.5em; 
	font-weight: bold;
	color: #FFFFFF;
	letter-spacing: 0.3px;
	line-height: 1.5em;
	background: #fff url(../images/sejours_haut_550.jpg) top left no-repeat;
	padding-top: 0.5em;
	padding-left: 0.5em;
}

.activitesrub2550{
	margin-top: 0px;
	background: #fff url(../images/defaut_bas_550.jpg) bottom left no-repeat;
	margin-bottom: 10px;
}

.activrub2_750{
	margin-top: 0px;
	background: #fff url(../images/rub750_bottom.jpg) bottom left no-repeat;
}

/*************  ici   repertoire     **************/	

.repertfond550 {
	position:relative;
 	background: #fff url(../images/gris_fond_550.jpg) left repeat; 
	 }

.repertrub550{
	position:relative;
	font-size: 1.5em; 
	font-weight: bold;
	color: #64566F;
	letter-spacing: 0.3px;
	line-height: 1.2em;
	background: #fff url(../images/gris_haut_550.jpg) top left no-repeat;
	padding-top: 0.6em;
	padding-left: 1.8em;
}

.repertrub2550{
	margin-top: 0px;
	background: #fff url(../images/gris_bas_550.jpg) bottom left no-repeat;
	margin-bottom: 10px;
}

.repertfond750 { 
	position:relative;
	background: #fff url(../images/gris_centre_750.jpg) left repeat; 
	 }

.repertrub750{
	position:relative;
	font-size:1.5em; 
	font-weight:bold;
	color: #64566F;
	letter-spacing:0.3px;
	line-height:1.2em;
	background: #fff url(../images/gris_haut_750.jpg) top left no-repeat;
	padding-top:0.6em;
	padding-left:1.8em;
}

.repertrub2750{
	margin-top: 0px;
	background: #fff url(../images/gris_bas_750.jpg) bottom left no-repeat;
	margin-bottom: 10px;
}



/************* fin des blocs activites **************/	
	
/***********************************/
/*             class rubriqueneg   */
/***********************************/



/*********************************************/
/*             class couleurs                */
/*********************************************/
.color000    {color: #000000;}
.bg000    {background-color: #000000;}
.colorFFF    {color: #FFFFFF;}
.bgFFF    {background-color: #FFFFFF;}

.bgF4 {background-color: #F4F4F4;}
.bgEE {background-color: #EEE;}
.bgvideo {background-color: #252121;}
 
 
 /*  defaut     */
.fond031    {background: #000 url(../images/fond_37.jpg) repeat top;}
.color001    {color: #0054B3;}
.bg001    {background-color: #0054B3;}
.bg011    {background-color: #7FA9D9;}
.bg021    {background-color: #BFD4EC;}
.bg031    {background-color: #DFE9F5;}
.bb001	 {background-color: #0054B3; color: #FFFFFF; padding:5px;}
.border001 {border:1px solid  #0054B3;}

/*CSS "31.css" :*/
#colonnecentrale1col div.top3 {
	background: url(../images/haut3_37.jpg) no-repeat scroll left top;
	height:18px;
}

#colonnecentrale1col div.bottom3 {
	background: url(../images/bas3_37.jpg) no-repeat scroll left bottom;
	height:18px;
}

/*CSS "11.css" :*/
#colonnecentrale1col div.top1 {
	background: url(../images/haut1_17.jpg) no-repeat scroll left top;
	height:28px;
}

#colonnecentrale1col div.bottom1 {
	background: url(../images/bas1_17.jpg) no-repeat scroll left bottom;
	height:38px;
}


/*HTML :
<div id="colonnecentrale1col">
	<div class="top3"></div>
	...
	<div class="bottom3"></div>
</div>

<div id="colonnecentrale1col">
	<div class="top1"></div>
	...
	<div class="bottom1"></div>
</div>

*/

/*  code sejours        */

.colorrouge{
	color: #C00000;
	font-weight: bold;
	}
.colorvert {color: #00CC00;
font-weight: bold;
}
.colorviolet {color: #6633CC;
font-weight: bold;
}

.colororange{
	color: #FFB305;
	font-weight: bold;
	}

/*  code sejours        */

.colorrouge{
	color: #C00000;
	font-weight: bold;
	}
.colorvert {color: #00CC00;
font-weight: bold;
}
.colorviolet {color: #6633CC;
font-weight: bold;
}

.colorbleu {color: #0033CC;
font-weight: bold;
}

a:visited.colorrouge{
	color: #C00000;
	font-weight: bold;
	}

a:visited.colorvert {color: #00CC00;
font-weight: bold;
}

a:visited.colorviolet {color: #6633CC;
font-weight: bold;
}

a:visited.colorbleu {color: #0033CC;
font-weight: bold;
}

/***************************************/
/*         fin de class couleurs       */
/***************************************/	




/***************************************/
/*          fin de class rubriqueneg   */
/***************************************/	




	
	/*******************************/
	/*  FIN des classes activites       */
	/*******************************/




/**************************************/
/*       style sur les vignettes                */
/**************************************/


a:hover img {
	/* definition de la classe "image" de la balise <a> au survol */
     filter: alpha(opacity=90);
     /*-moz-opacity:.90;*/
     /*opacity:.80;*/
}

img.right{
    float : right;
    margin : 0px 0px 0px 0px;
}

img.left{
	float: left;
	margin-top: 3px;
	margin-right: 3px;
}

#incrust{
	position: absolute;
	width:100%;
	height:30px;
	z-index:5;
	background: url(../images/reportage.jpg) repeat top;
	filter: alpha(opacity=50);
     -moz-opacity:.50;
     opacity:.50;
}

#lire{
	position: relative;
	width:160px;
	height:110px;
	z-index:5;
	background: url(../images/lire.jpg) repeat top;
	filter: alpha(opacity=30);
     -moz-opacity:.30;
     opacity:.30;
   border: 1px #564544 solid;	
	margin: 9px;

}

.vignette{
	position: relative;
	float: left;
	border: #FFFFFF solid 3px;
}

.squarephoto{
	position: relative; /* photo du jour dans colonne de droite */
	height: 100px;
	width: 190px;
	background: #000 url(../images/squarephoto.jpg) repeat top;
	float: left;
	/*border: #FFFFFF solid 3px;*/
}

.squarevisio{
	position: relative; /* photo du jour dans colonne de droite */
	height: 120px;
	width: 190px;
	background: #000 url(../images/squarevisio.jpg) repeat top;
	float: left;
	/*border: #FFFFFF solid 3px;*/
}

.squaremedia{
	position: relative; /* photo du jour dans colonne de droite */
	height: 100px;
	width: 190px;
	background: #000 url(../images/squaremedia.jpg) repeat top;
	float: left;
	/*border: #000 solid 1px;*/
}

.squaredossier{
	position: relative; /* dossier dans colonne de droite 16/09/2008 */
	height: 100px;
	width: 190px;
	background: #000 url(../images/squaredossier.jpg) repeat top;
	float: left;
	/*border: #000 solid 1px;*/
}

.squaremedia p {
	color: #FFF;
	text-decoration: none;
	font-weight: bolder;
	}

.squarefolio{
	position: relative; /* photo du jour dans colonne de droite */
	height: 120px;
	width: 190px;
	background: #000 url(../images/squarefolio.jpg) repeat top;
	float: left;
	/*border: #FFFFFF solid 3px;*/
}

.squarebp{
	position: relative; /* photo du jour dans colonne de droite */
	height: 120px;
	width: 190px;
	background: #000 url /*(images/square.jpg) repeat top*/;
	float: left;
	/*border: #FFFFFF solid 3px;*/
}


/**************************************/
/*        find style vignettes        */
/**************************************/



/***********************************************/
/*        les Identificateurs                  */
/***********************************************/ 


/***********************************************/
/*               tete de page                  */
/***********************************************/

#bandeaudefaut {
	position: relative;
	background: url(../images/frise_espace.jpg) repeat top;
	height: 60px;
	}

#bandeausejour {
	position: relative;
	/*background-color: #ffb200;
	background: url(images/frise_sejour.jpg) repeat top;*/
	height: 60px;
	}

#headerdefaut {
	position: absolute;
	top: 0px;
	width: 766px;
	height: 60px;
	left: 50%;
	margin-bottom: 5px;
	margin-left: -383px;
	/*border-bottom: 1px #FE5C27 solid;*/
	z-index:2;
}

#promptactiv {
	position: relative;
	left: 65px;
	margin-top:30px;
	margin-bottom:30px;
	width: 380px;
	height: 150px;
	padding: 15px;
	border: 1px #FE5C27 solid;
	background-color: #FFF;
	}

#promptactiv .courant{
	line-height: 28px; 
	}
	
#promptactiv .clBouton{
	background: #00D000; 
	font-size: 12px; 
	font-weight: bold;
	vertical-align: middle; 
	text-align: center; 
	color: #FFF
	}
	
#promptactiv textarea, select, input{
	border: 1px #808080 solid;
}

#promptactiv input.radio {
	border: 0px;
}

#logo {
	position: relative;
	width: 766px;
	height: 50px;
	margin-top: 0px;
	z-index:3;
}



#log {
	position:relative;
	float:right;
	top:15px;
	left:0px;
	margin:0 0 0 0;
	width:450px;
	height:22px;
	font:1.2em "Trebuchet MS" sans-serif;
	background-color:transparent;
	z-index:100;
	text-align:right;
	-moz-opacity:0.7;
}

#log:hover{
-moz-opacity:1.0;
}

#log input{ 
width:110px; 
font-size: 1em; 
background:#CCC;
margin-top:1px;
}

#log input.validersans {
	background-color: #00D000;
	/*padding: 1px;*/
	color: #FFFFFF;
	font-weight: bold;
	/*width:80px;*/ 
	border:1px solid #ADC3C7;

}

#log input:focus{background:#FFF;}


#barrenav {
	position: relative;
	top:0px;
	left: 1px;
	width:750px;
	height: 12px;
	margin-top: 0px;
	padding:9px;
	text-align:right;
	border-top: 1px #D6DFDE solid;
}


#pub {
	position:relative;
	width:765px;
	/*height:100px;*/
	margin-left:1px;
	margin-top: 0px;
	margin-bottom: 8px;
}


#retour {
	position: relative;
	/*background-color: #D6DFDE;*/
	text-align: right;
	width: 180px;
	top: 10px;
	left: 560px;
	z-index:3;
}

/***********************************************/
/*              Fin tete de page               */
/***********************************************/

/***********************************************/
/*         Gabarit general de page             */
/***********************************************/

#contgene {
	position: absolute;
	top: 80px;
	width: 766px;
	left: 50%;
	margin-top:0px;
	margin-left: -383px;
	z-index:2;
	border-left: 1px solid #FFF;
	border-right: 1px solid #DFE9F5;
	border-bottom: 3em solid #DFE9F5;
}


/*#menupage {
	position: relative;
	top: 5px;
	left: 1px;
	font-family: 'Trebuchet ms', Trebuchet, Arial, sans-serif;
	font-size: 22px;
	color: #7B6767;
	width: 749px;
	line-height: 22px;
	height: 22px;
	z-index:5;*/
}




/*         menu horizontal en list             */
/***********************************************/

#navcontainer {
	position:relative;
	border-top:1px solid #DFE9F5;
	border-left:1px solid #DFE9F5;
	border-right:1px solid #DFE9F5;
	margin-left:0px;
	margin-bottom:0px;
	width:766px;
	height:44px;
	font:11px "Trebuchet MS" sans-serif;
	background-colour: #F9F9F9;
}
	
/*        onglet horizontal en list    */

#panier {
	position: relative;
	/*background-color: #D6DFDE;*/
	float: right;
	width: 190px;
	top: 20px;
}

#navonglet {
	border-top:1px solid #0878A6;
	border-left:1px solid #0878A6;
	border-right:1px solid #0878A6;
	width:164px;
	height:22px;
	position:relative;
	font:11px/11px Tahoma,"Trebuchet MS", sans-serif;
	margin: 0 0 0 6px;
}

ul#ongletlist {
	width:164px;
	height:22px;
	background:#333;
	margin: 0 0 0 0px;
	padding:0;
}

ul#ongletlist li{
	display:inline;
	margin:0;
	padding:0;
	}
	
ul#ongletlist a:link,
ul#ongletlist a:visited,
ul#ongletlist a:hover {
	text-decoration:none;
	color:#fff;
	display:block;
	float:left;
	width:auto;
	height:16px;
	padding:4px 3px 0 3px;
	border:1px solid #000;
	border-color:#aaa #000 #000 #aaa;
	/*font-weight: bold;*/
}

ul#ongletlist a:hover {
		background-color:#665;
	}
	

ul#ongletlist a#current:link,
ul#ongletlist a#current:visited,
ul#ongletlist a#current:hover {
		color:#FFFF99;
	}

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

	
#navcontainer ul{
		list-style-type:none;
		margin:0;
		padding:0;
	}
	

ul#navlist {
		position:relative;
		width:766px;
		height:22px;
		background:#333;
	}
	
	
	ul#navlist li {
		display:inline;
		margin:0;
		padding:0;
	}
	ul#navlist a:link,
	ul#navlist a:visited,
	ul#navlist a:hover {
		text-decoration:none;
		color:#fff;
		display:block;
		float:left;
		width:auto;
		height:16px;
		padding:4px 6px 0 6px;
		font-weight:bold;
		border:1px solid #000;
		border-color:#aaa #000 #000 #aaa;
		text-transform:uppercase;
	}
	ul#navlist a:hover {
		background-color:#665;
	}
	ul#subnavlist {
		position:absolute;
		width:766px;
		height:22px;
		background:#554;
		top:22px;
		left:0;
	}
	ul#subnavlist li {
		display:block;
		float:left;
		width:auto;
		height:22px;
		border-left:1px solid #ccc;
	}
	ul#subnavlist a:link,
	ul#subnavlist a:visited,
	ul#subnavlist a:hover {
		text-transform:none;
		font-weight:normal;
		background:#554;
		border:none;
	}
	ul#subnavlist a:hover {
		text-decoration:underline;
	}
	li#active a:link,
	li#active a:visited,
	li#active a:hover {
		background:#554;
		border-bottom-color:#554;
	}
	
	li#perso a:link,
	li#perso a:visited,
	li#perso a:hover {
		background:#FE5C27;
		border-bottom-color:#FE5C27;
	}
	
	ul#subnavlist a#subcurrent:link,
	ul#subnavlist a#subcurrent:visited,
	ul#subnavlist a#subcurrent:hover {
		color:#FFFF99;
	}

/*       fin menu horizontal en list           */
/***********************************************/


#hauteurpage {
	position:relative;
	left:0;
	float:left;
	width:1px;
	height:550px;
	z-index:10;
	/*background-color:#FE5C27;*/
}

#sep {
	position: relative;
	clear: both;
    top: 3px;
	padding-top: 0px;
	width: 766px;
}

#piedpage {
	position:relative;
	clear:both;
	/*top:1em;*/
	margin-bottom:3em;
	width: 748px;
	vertical-align: middle;
	border: 1px #DFE9F5 solid;
	left:1px;
	}

.pied{
	margin:20px;
	line-height:3em;
	background-color:#fff;
	padding: 0 0 0 5px;
}




/***********************************************/
/*         Fin Gabarit general de page                  */
/***********************************************/


/***********************************************/
/*      Propriete de page type 1 colonne             */
/***********************************************/

#colonnecentrale1col {
	position:relative;
	float:left;
	left:1px;
	margin-top:0px;
	margin-left:0px;
	margin-bottom:0px;
	padding:0;
	width:750px;
	top: 0px;
	/*border: red solid 1px;*/
}

/***********************************************/
/*    fin Propriete de page type 1 colonne     */
/***********************************************/


/***********************************************/
/*      Propriete de page type 2 colonnes      */
/***********************************************/

#colonnecentrale2col {
	position: relative;
	top:0px;
	left:1px;
	float: left;
	width: 550px;
	background-color: #FFFFFF;
	}
	
	#calculette {
	position:relative;
	margin:20px auto;
	/*top:0px;*/
	/*left:1px;*/
	/*float:left;*/
	width:550px;
	background-color:transparent;
	/*background-color: #FFFFFF;*/
	}
	
#colonnecentralefix {/*utilise dans selection*/
	position: relative;
	clear:both;
	top:0px;
	left:2px;
	width: 550px;
	background-color: #FFFFFF;
}
	

/***********************************************/
/*  fin Propriete de page type 2 colonnes      */
/***********************************************/

/***********************************************/
/*    Propriete de page portail 3 colonnes     */
/***********************************************/


#colonnelien {
	position: relative;
	float: left;
	width: 150px;
	margin-top: 0px;
	margin-bottom:0px;
	margin-left:12px;
	/*border:1px red solid;*/
	}

#colonnelien h1 {
	display: block;
	font-family: "MS Trebuchet", Trebuchet, Tahoma, Verdana, Georgia, Arial, sans-serif;
	font-size: 1em;
	line-height: 1.6em;
	text-transform: uppercase;
	letter-spacing: 0.2em;
	background-color: #F7F3F2;
	border: 1px #FEAD93 solid;
	text-align: center;
	margin-top: 1em;
}

#colonnelien ul{
	display: block;
	padding: 0px;
	margin-top: 0px;
	margin-left: 4px;
}

#colonnelien ul li{
	list-style-type: none;
	line-height: 1.5em;
	background: url("../images/fl_menu.gif") no-repeat;
	font-size: 1.1em;
	text-align: left;
	padding-left: 9px;
	padding-bottom: 7px;
	/*border: 1px red solid;*/
}

#colonnelien dl{
	display: block;
	background-color: #FFFFFF;
	border-right: 1px #FEAD93 solid;
	border-left: 1px #FEAD93 solid;
	border-bottom: 1px #FEAD93 solid;
	padding: 2px;
	margin: 0px;
	list-style-type: none;
}


#colonnelien dl dt{
	margin-left: 5px;
	line-height: 1.5em;
	background-image: url("../images/flien2.jpg");
	background-repeat: no-repeat;
	font-size: 1.1em;
	text-align: left;
	padding-left: 5px;
	padding-bottom: 3px;
}

#colonnelien dd{
	/*margin-left: 5px;*/
	/*line-height: 1.5em;*/
	margin: 0px;
	background-repeat: no-repeat;
	font-size: 0.9em;
	text-align: left;
	padding-left: 5px;
	padding-bottom: 3px;
}


#colonnelien p{
	margin: 4px;
	font-size: 1.1em;
	line-height: 1.3em;
	text-align: left;
	padding-left: 5px;
	padding-bottom: 3px;
	color: #64566F;

}

#colonnelien p:first-line{
	line-height: 1.3em;
	font-weight: bold;
	color: #554444;
}


#colonneblog {
	position:relative;
	left:0px;
	float:left;
	width:370px;
	top:0px;
	margin:0 0 3em 0;	
	/*border: 1px solid red;*/
}

#colonnecontenu {
	position: relative;
	left: 1px;
	float: left;
	margin-left: 0px;
	margin-right: 10px;
	width: 480px;
	background-color: #F4F4F4;
}

#colonnemessage {
	position: relative;
	float: left;
	margin-left: 0px;
	width: 276px;
	background-color: #F4F4F4;
}
	

#connexelink {
	clear: both;
	height: 30px;
}

#suite {
	clear: both;
	font-family: 'trebuchet ms', Trebuchet, Arial, sans-serif;
	margin-top: -15px;
	margin-right:  1px;
	margin-bottom: 5px;
	height: 10px;
	padding-bottom: 5px;
	text-align: right;
	border-bottom: 1px dashed #D6DFDE;
}

#outilclick {
	clear: both;
	font-family: 'trebuchet ms', Trebuchet, Arial, sans-serif;
	margin-top: 10px;
	margin-right: 1px;
	margin-bottom: 5px;
	padding-top: 5px;
	height: 20px;
	border-top: 1px dashed #D6DFDE;
	border-bottom: 1px dashed #D6DFDE;
}

#outilclick img{
	float: left;
	margin-right: 10px;
}


/*l'affichage de la petite enveloppe "envoyer à un amie" JB*/
a.outilPost{
	display: block;
	float: left;
	width: 16px;
	height: 0;
	padding-top: 16px;
	background:transparent url(../images/email.png) no-repeat top left;
	overflow: hidden;
}

#colonnedroit {
	position:relative;
	/*background-color: #D6DFDE;*/
	float:right;
	margin-left:0px;
	margin-top:0px;
	margin-bottom:0px;
	margin-right:3px;
	width:190px;
	top:0px;
	/*border: 1px red solid;*/
}

#colonnedroit .extrait{
	float:left;
	margin: 0 4px 0 0;
}

#colonnedroit h1{
	display: block;
	font-family: 'trebuchet ms', Trebuchet, Arial, sans-serif;
	font-size: 1em;
	line-height: 1.6em;
	text-transform: uppercase;
	letter-spacing: 0.2em;
	background-color: #F7F3F2;
	border: 1px #B8CAE0 solid;
	text-align: center;
	margin-top: 1em;
}

#colonnedroit ul{
	display: block;
	background-color: #FFFFFF;
	border-right: 1px #B8CAE0 solid;
	border-left: 1px #B8CAE0 solid;
	border-bottom: 1px #B8CAE0 solid;
	padding: 2px;
	margin: 0px;
	list-style-type: none;
	list-style-type: none;
}

#colonnedroit ul li {
	margin-left: 5px;
	line-height: 1.5em;
	background-image: url("../images/flien2.jpg");
	background-repeat: no-repeat;
	font-size: 1.1em;
	text-align: left;
	padding-left: 5px;
	padding-bottom: 3px;
}

#colonnedroit dl {
	display: block;
	background-color: #FFFFFF;
	border-right: 1px #B8CAE0 solid;
	border-left: 1px #B8CAE0 solid;
	border-bottom: 1px #B8CAE0 solid;
	padding: 2px;
	margin: 0px;
	list-style-type: none;
	list-style-type: none;
}

#colonnedroit dl dt{
	margin-left: 5px;
	line-height: 1.5em;
	background-image: url("../images/flien2.jpg");
	background-repeat: no-repeat;
	font-size: 1.1em;
	text-align: left;
	padding-left: 5px;
	padding-bottom: 3px;
}

#colonnedroit dd{
	/*margin-left: 5px;*/
	/*line-height: 1.5em;*/
	margin: 0px;
	background-repeat: no-repeat;
	font-size: 0.9em;
	text-align: left;
	padding-left: 5px;
	padding-bottom: 3px;
}

#colonnedroit p{
	margin: 5px;
	font-size: 1.1em;
	line-height: 1.3em;
	text-align: left;
	padding-left: 5px;
	padding-bottom: 3px;
	color: #64566F;
}

#colonnedroit a{
	color:#0878A6;
	}


#colonnedroit a:visited {
	color: #0878A6;
	text-decoration: none;
}

#colonnedroit a:hover {
	color: #289BCA;
	text-decoration: underline;
}

#colonnedroit .rubrique {
	font-size:1.1em; 
	font-weight:bold;
	line-height:1.33em;
	background-color:#FFF;
	margin:0px;
	padding-left:1.7em;
	padding-bottom:2px; 
	background-image:url("../images/fleche_vert.gif") top;
	background-repeat:no-repeat; 
	color:#64566F;
}

#colonnedroit input{
	border:1px solid #ADC3C7;
	margin-top: 0px;
	margin-bottom: 5px;
	padding: 1px;
}

/***********************************************/
/*    fin Propriete de page type 3 colonnes         */
/***********************************************/


/***********************************************/
/*      Propriete de page type 4 colonnes           */
/***********************************************/

#colonnecentrale4col {
	position: relative;
	float: left;
	left: 1px;
	margin-left: 0px;
	margin-right: 2px;
	padding: 0;
	width: 180px;
	top: 0px;
	background-color: #FFFFFF;
}

/*      Propriete espace type 4 colonnes   zone 2 espace      */

#colonnezone2 {
	position: relative;
	float: left;
	width: 180px;
	margin-left: 3px;
	margin-right: 3px;
	margin-bottom: 20px;
}

#colonnezone2 h1 /* titre */{
	font-size: 1.3em; 
	color: #554444;
	line-height: 1.3em;
	margin-left: 10px;
	margin-right: 10px;
	margin-bottom: 5px;
}

#colonnezone2 p{
	font-size: 1.2em; 
	margin-left: 10px;
	margin-right: 10px;
	margin-bottom: 5px;
	color: #64566F;
	line-height: 1.3em;
}

#colonnezone2 h3{ /*theme*/
	font-size:9px;
	font-weight: bold; 
	text-transform: uppercase;
	line-height: 1.5em;
	}

#colonnezone2 img{
	border: 1px #FFFFFF solid;	
	margin: 9px;
}


/*Rubrique Dossier hauteur fixe JB */
.h255 {
	height: 255px;
	overflow: hidden;
}

/*      Propriete espace type 4 colonnes   zone 3 espace */

#colonnezone3 {
	position:relative;
	float:left;
	width:230px;
	height:100%;
	margin: 10px 8px 20px 8px;
	background-color:#FFF;
}

#colonnezone3 h1 /* titre */ {
	font-size:1.3em; 
	color:#554444;
	line-height:1.3em;
	margin-right:10px;
	margin-bottom:5px;
}

#colonnezone3 p{
	font-size:1.2em; 
	margin-right:10px;
	color:#64566F;
	line-height:1.3em;
}

#colonnezone3 h3{ /*theme*/
	font-size:9px;
	font-weight: bold; 
	text-transform: uppercase;
	line-height: 1.5em;
}

#colonnezone3 img{
	position:relative;
	float:left;
}


/***********************************************/
/*    fin Propriete de page type 4 colonnes    */
/***********************************************/


/***********************************************/
/*              guide des centres              */
/***********************************************/
#guide {
	position: relative;
	float: left;
	margin-top: 0px;
	margin-bottom: 30px;
	width: 446px;
	background-color: #F4F4F4;
	padding-bottom:30px;
}

.rubguide{
	margin: 5px 0 0 5px;
	font-size: 1.5em; 
	font-weight: bold;
	color: #64566F;
	line-height: 1.2em;
	/*border-top: 1px #D6DFDE solid;*/
	padding-top: 1px;
	padding-left: 20px; 
   	background-image: url("../images/fleche_vert-1.gif");
	background-repeat: no-repeat; 
}

#guidedroit {
	position: relative;
	float: right;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 50px;
	width: 315px;
	background-color: #F4F4F4;
	padding-bottom:10px;
}



/***********************************************/
/*                   divers                    */
/***********************************************/

#clear	{
clear: both;
height: 1px;
overflow: hidden;
}


#clear2	{
clear: both;
height: 10px;
overflow: hidden;
}


.clear	{
clear: both;
height: 1px;
overflow: hidden;
}


/* partir d ici c est nouveau */

	
#navactiv{
		position:relative;
		width:500px;
		height: 25px;
		right: 2em;
		margin-bottom:-2px;
					}
	
#navactiv ul{
		list-style-type:none;
		margin:0;
		padding:0;
}
	
#navactiv li {
		display:inline;
		margin:0;
		padding:0;
			}
	
#navactiv a,
#navactiv a:link,
#navactiv a:visited,
#navactiv a:hover {
		text-decoration:none;
		color:#000;
		display:block;
		float:right;
		width:auto;
		height:25px;
		padding:4px 6px 0 6px;
		font-weight:bold;
		border-left:1px solid #fff;
		border-right:1px solid #FEAD93;
		border-bottom:1px solid #FFE8E1;
		text-transform:uppercase;
		background-color: #FFE8E1;
	}
	
#navactiv a:hover {
		background-color:#665;
	}
  

/*********************************************/
/*             class activ PRO               */
/*********************************************/


.message {
	display: block;
	margin-top: 1em;
	margin-bottom: 1em;
	margin-left: auto;
	margin-right:  auto;
	color: #0878A6;
	font-size: 1.3em;
	text-decoration: none;
	line-height: 2.5em;
	width: 80%;
	border: 1px solid #00D000;
	border-color: #00D000;
	background-color: #E0FAE0;
	text-align: center;
}

.alerte {
	display: block;
	margin-top: 1em;
	margin-bottom: 1em;
	margin-left: auto;
	margin-right:  auto;
	color: red;
	font-size: 1.3em;
	text-decoration: none;
	line-height: 2.5em;
	width: 80%;
	border: 1px solid red;
	border-color: red;
	background-color: #F7CCB8;
	text-align: center;
}


.donnees{
	font-weight: bold;
	font-family: lucida, 'lucida grande', Verdana, Arial, sans-serif;
	font-size: 1.2em;
	line-height: 1.8em;
	font-color: #000;
}

.erreur {
	color: red;
	background-color: #F7CCB8;
	font-size: 1.3em;
	padding: 5px;
	line-height: 1.8em;
}


.activpro {
	position: relative;
	/* correction d'un bug IE5 PC */
	margin-bottom: 13px; 
	/*padding-bottom: 20px; */
}

.activprofond{ 
	 position: relative;
	 background: url(../images/rub400_centre.jpg) left repeat; 
}
	 

.activprofond_570{ 
	 position: relative;
	 background: url(../images/gris_fond_550.jpg) left repeat; 
}

.activprofond_750{ 
	 position: relative;
	 background: url(../images/gris_centre_750.jpg) left repeat; 
}

.activrub{
	font-size: 1.5em; 
	font-weight: bold;
	color: #0878A6;
	letter-spacing: 0.3px;
	line-height: 1.5em;
	background: #fff url(../images/rub400_top.jpg) top left no-repeat;
	padding-top: 0.5em;
	padding-left: 0.5em;
}

.activrub_570{
	font-size: 1.5em; 
	font-weight: bold;
	color: #0878A6;
	letter-spacing: 0.3px;
	line-height: 1.5em;
	background: #fff url(../images/gris_haut_550.jpg) top left no-repeat;
	padding-top: 0.6em;
	padding-left: 1.8em;
}

.activrubsejour_570{
	font-size: 1.5em; 
	font-weight: bold;
	color: #FFFFFF;
	letter-spacing: 0.3px;
	line-height: 1.5em;
	background: #fff url(../images/rub570_jaunetop.jpg) top left no-repeat;
	padding-top: 0.5em;
	padding-left: 0.5em;
}

.activrub_750{
	font-size: 1.5em; 
	font-weight: bold;
	color: #0878A6;
	letter-spacing: 0.3px;
	line-height: 1.5em;
	background: #fff url(../images/gris_haut_750.jpg) top left no-repeat;
	padding-top: 0.6em;
	padding-left: 1.8em;
}

.activrub2{
	background: #fff url(../images/rub400_bottom.jpg) bottom left no-repeat;
}

.activrub2_570{
	background: #fff url(../images/gris_bas_550.jpg) bottom left no-repeat;
	margin-bottom: 10px;
}

.activrub2_750{
	background: #fff url(../images/gris_bas_750.jpg) bottom left no-repeat;
}
	


#colonnegauche {
	position:relative;
	top:30px;
	float: left;
	width:180px;
	margin-right:10px;
	background-color: #FFF;
	padding: 2px;

	/*height: 550px;*/}

#colonnegauche ul{
	position:relative;
	list-style-type: none;
	padding: 0 0 1px 0;
	margin: 0px;
}

#colonnegauche li{
	color: #293838;
	display: block;
	font-size: 1.2em;
	line-height: 1.4em;
	/*width: 180px;*/
	background:transparent url(../images/ligne_liste_gauche.gif) repeat-x bottom left;
	text-align: left;
	padding-bottom: 1px;
	margin: 0;
}

#colonnegauche li a {
	display: block;
	text-decoration: none;
	padding:4px 0 ;
	margin: 0;
}

#colonnegauche li a:hover {
	text-decoration: underline;
	background-color:#EEE;
	margin: 0;
}

#colonnegauche li a.activated {
   text-decoration: none;
   	background-color: #EEE;
	margin: 0;

}

	
	/*******************/
	/*  FIN activ PRO  */
	/*******************/