/* CSS Document */

body {
	margin-top: 0px;
}
select.actu {
	width: 260px;
}
.filetgris {
	border: 1px solid #A4CAD9;
}
.filettd {
	border-top: 1px solid #A4CAD9; 
	padding: 0px; 
	border-bottom: 1px solid #A4CAD9; 
	padding: 0px;
	border-right: 1px solid #A4CAD9; 
	padding: 0px;
	border-left: 1px solid #A4CAD9; 
	padding: 0px;
	}
.filettd2 {
	border-top: 1px solid #A4CAD9; 
	padding: 0px; 
	border-bottom: 1px solid #A4CAD9; 
	padding: 0px;
	border-right: 1px solid #A4CAD9; 
	padding: 0px;
	}
			
			
/**//**//**//**//**//**//**//**//**//**//**//**//**//**//*
/*      CSS "BACKGROUND"    */
/**//**//**//**//**//**//**//**//**//**//**//**//**//**/
/*Fond Page (à insérer dans la balise Body)*/
.bgcolorpage {
	background-color: #90B4C6;
}

/*Fond Page (à insérer dans la balise Table Principale du site Ostin)*/
.backgroundpage {
	background-attachment: fixed;
	background-image:url("../img/autres/degradepage.jpg")
	background-repeat: repeat-y;
	background-position: left top;
}

/*Fond couleur (pour les encadré en bas de page)*/
.couleurcellulecentre {
	background-color: #d5ebf3;
	border-top: 1px solid #A4CAD9; 
	padding: 0px; 
	border-bottom: 1px solid #A4CAD9; 
	padding: 0px;
	border-right: 1px solid #A4CAD9; 
	padding: 0px;
	border-left: 1px solid #A4CAD9; 
	padding: 0px;
}

	/*END*/
	
	
	
/**//**//**//**//**//**//**//**//**//**//**//**//**//**//*
/*CSS "MARGE" : POUR LA PARTIE GAUCHE, CENTRE et RIGHT : */
/**//**//**//**//**//**//**//**//**//**//**//**//**//**/
/*        PARTIE GAUCHE       /*
/*Alignement*/
.margetitreactugauche {
	padding-top: 0px;
	padding-left: 5px;
	padding-right: 5px;

}
.margetablegauche {
	padding-top:  15px;
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom:10px;
}
.margetdgauche{
	padding-left: 5px;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-right: 5px;
}
/*        PARTIE CENTRE       /*
/*Marge : pour tableau 100% largeur et Hauteur*/

.margetablecentre {
	padding-top: 16px;
	padding-left: 20px;
	padding-right: 20px;
	padding-bottom:10px;
}

.margehautcentre{
	padding-top: 33px;
	padding-left: 0px;
	padding-right: 0px;
}
.margetitrecentre{
	padding-top: 0px;
	padding-right: 0px;
}
.margetextecentre{
	padding-top: 10px;
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 10px;
}
.margegrandimagecentre{
	padding-top: 0px;
	padding-left: 0px;
	padding-right: 10px;
	padding-bottom: 15px;
}
.margeimagecentre{
	padding-top: 15px;
	padding-left: 0px;
	padding-right: 5px;
}
.margepetitimagecentre{
	padding-top: 15px;
	padding-left: 10px;
	padding-right: 9px;
}

/*        PARTIE DROITE       /*
/*Alignement*/

.margetabledroite{
	padding-top: 10px;
	padding-left: 2px;
	padding-right: 2px;
	padding-bottom:10px;
}
.margetddroite
{
	padding-left: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-right: 0px;
}

.titregrisgauche {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	color: #4D4D4D;
}

.soustitredategauche {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9.5px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	color: #63A4BC;
}
.soustitretextegauche {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	color: #4D4D4D;
}

.titregriscentre {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	color: #4D4D4D;
}

.soustitrecentre {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	color: #4D4D4D;
}


.textegauche {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	color: #4D4D4D;
}

.soustextegauche {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	color: #4D4D4D;
}

.mentiongauche {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	color: #4D4D4D;
}

.textecentre {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	color: #4D4D4D;
}
	
.soustextecentre {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-align: justify;
	color: #4D4D4D;
}

.mentioncentre {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	color: #347ba9;
	padding-top: 5px;
}

a.lien:link, a.lien:visited { 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	color: #4D4D4D;
	text-decoration: underline;
}
a.lien:hover, a.lien:active {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	color: #4c8a02;
	text-decoration: underline;
}
a.liencentre:link, a.liencentre:visited { 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	color: #4D4D4D;
	text-decoration: underline;
}
a.liencentre:hover, a.liencentre:active {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	color: #4c8a02;
	text-decoration: underline;
}


a.lienbas:link, a.lienbas:visited { 
	color: #4D4D4D;
	text-decoration: underline;
}
a.lienbas:hover, a.lienbas:active  {
	color: #ffffff;
}


a.lientextegauche:link, a.lientextegauche:visited { 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	color: #4D4D4D;
	text-decoration:none;
}
.lientextegauche,a.lientextegauche:hover, a.lientextegauche:active  {
	color: #093240;
}
	

.titrebascentre:link, a.titrebascentre:visited { 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	color: #2D3D51;
	text-decoration:none;
	padding-top: 8px;
}
a.titrebascentre:hover, a.titrebascentre:active  {
	color: #4c8a02;
}


/*Lien (en bas de page sur le fond bleu gris)*/	
a.lienbaspagecentre:link, a.lien:visited { 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	color: #093240;
	text-decoration: underline;
}
a.lienbaspagecentre:hover, a.lien:active  {
	color: #ffffff;
}


.temoignages {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: 19px;
	font-weight: bold;
	font-variant: normal;
	color: #333333;
	text-align: center;	
	padding-top: 10px;
}
.mentioncenter {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	line-height: -2px;
	font-weight: normal;
	font-variant: normal;
	color: #3e3e3e;
	padding-left: 10px;
	padding-right: 10px;
}

.textereponse{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: 30px;
	font-weight: normal;
	font-variant: normal;
	color: #333333;
	text-align: left;
	padding-left: 10px;
} 
.hidden { 
   display: none; 
} 

.visible { 
   display: inline; 
}