/*----------------------------------- FEUILLE DE STYLE ACCUEIL.CSS --------------------------------------------*/
/*           COULEUR DOMINANTE BLEU CLAIR                                                                      */


/*------------------ FORMAT DES GABARITS EN XHTML ET CSS2 - UTILISATION DE BLOC DIV (pas de tableaux)----------*/



/*              #################### ATTENTION ###########################*/
/*              ### Les gabarits peuvent également contenir des styles ###*/
/*              ### internes, particulièrement la class .content       ###*/
/*              ### qui est un bloc interne mais ayant 2 tailles       ###*/
/*              ### différentes.                                       ###*/
/*              ##########################################################*/



/*----------------------------------- LES PARAMETRES GENERAUX -------------------------------------------------*/
body
{
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	padding: 0px;
	font-family: verdana,arial,sans-serif;
	font-size: 12px;
	line-height: 12px;
	background-color: transparent; /*background-color:#4062a9;*
	/*scrollbar-face-color: #4062a9; /*bleufoncé*/
	/*scrollbar-highlight-color: #ffffff; /*blanc*/
	/*scrollbar-3dlight-color: #c0c0c0; /*gris clair*/
	/*scrollbar-darkshadows-color: #000000; /*noir*/
	/*scrollbar-shadow-color: #808080; /*gris moyen*/
	/*scrollbar-arrow-color: #ffffff; /*blanc*/
	/*scrollbar-track-color: #e0e0e0; /*bleu-gris clair*/
	/*border: 1px solid #4062A9;*/
}



dl,dt,dd,ul,li
{
margin-top:0;
margin-bottom:0;
padding:0;
list-style-type:none;
}

h1
{
font-size: 140%;
text-align: center;
color: #3333ff;
}

h2
{
font-size:100%;
text-align:center;
color:#ff66cc;
}

.contour
{
	width: 800px;
	height:600px;
	vertical-align: top;
	/*border: 1px solid #000000; /*noir*/*/
/*background-color: #ffffff;     /*blanc pour la zone du site*/
	background-color: WHITE;
}


/*---------------------------------- PARAMETRES DES VISUELS (logo et bannière) --------------------------------*/

.haut1
{
	/*float: none;*/
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
	height: 98px;
	margin-bottom: 0px;
	width: 800px
}

.visuel
{
float:center;
margin:0px;
border:0;
}

.vague
{
	padding:0;
	margin-left: 0px;
	margin-right: 3px;
	margin-top: 0px;
	margin-bottom: 15px;
	width: 150px;
	height: 60px; /*margin-left: 0px;*/
	float: RIGHT; /*margin:0px;*/
	border: 0px groove black; /* Bordure de repère*/
/*background-color:#ffffff; */
}

/*--------------------------------- PARAMETRES DU MENU ACCUEIL (idem sur l'ensemble des gabarits)-------------*/

.haut2
{
margin-left: 0px;
margin-right:0px;
margin-top: 0px;
margin-bottom:0px;
border:0px;
width:800px;
background-color:#BBBBBF;
/*width:800px;*/
height:15px;
/*padding-top:2px;*/
/*border: 1px solid Black;*/
}

.menuhaut
{

float:left;
margin-right:0px;
margin-left: 0px;
margin-bottom: 0px;
margin-top:0px;
border:0px;


}

.menuhaut a
{
	font-size: 12px;
	font-weight: bold;
	color: Black;
	background-color: #BBBBBF;
	text-decoration: none; /*pour éviter le souslignement du lien*/
	margin-left: 5px; /*espacement entre les sous menus*/
}

#menuhaut
{
margin-left: 0px;
margin-right: 0px;
margin-top: 0px;
border: 0px;
border-color: #ccffff;
font-family: verdana;
font-size: 10px;
}

#menuhaut dt
{
	cursor: pointer;
	margin-top: 0px;
	text-align: center;
	font-weight: bold;
	background: #6699ff;
	border: 0px;
	width: 113px;
	height: 15px;
}

#menuhaut dl
{
float: left;
width: 113px;
height: 15px;
}

#menuhaut dd
{
display:none;
border:0px solid gray;
}

#menuhaut li
{
/*vertical-align: middle;*/
text-align:left;
background:#8C8C8F;
}

#menuhaut li a, #menuhaut dt a
{
	margin-top:0px;
	color: White;
	text-decoration: none;
	display: block; /*height:100%;*/
	border: 0 none;
	height: 15px;
}


#menuhaut li a:hover, #menuhaut dt a:hover, #menuhaut dl a:hover
{
/*background:#eee;*/
color: Black;
}

/*--------------------------------- PARAMETRES DE LA ROOTLINE ------------------------------------------------*/

.chemin
{
	font-family: verdana, sans serif;
	font-size: 10px;
	width: 521px;
	height: 18px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	float: left;
	margin-top: 40px; /*border: 1px groove black;     Bordure de repère*/
	text-align: left;
	background-color: #ffffff;
}
.logo
{
	margin-left: 0px;
	margin-right:536px;
	margin-top: 0px;
	margin-bottom:0px;
	width:264px;
	height:50px;
	/*margin-left: 0px;*/
	float: center;
	/*margin:0px;*/
	border: 0px groove black;    /* Bordure de repère*/
	/*text-align: left;*/
	/*background-color:#ffffff; */
}

/*--------------------------------- PARAMETRES DU CONTENU (1 bloc global contenant de 1 à 3 blocs) -----------*/


/*-- Bloc global --*/
.centre
{
	width: 800px;
	height: auto;
	/*margin-top: 35px; ECART ENTRE LE MENU ET LE HAUT DE L'ARTICLE*/
	margin-top: 10px;
	margin-left: 0px;
	margin-bottom: 10px;
	margin-right: 0px;
	font-family: verdana, sans serif;
	font-size: 12px;
	text-align: justify;
	background-color: transparent;
	/*background-color: #ffffff;*/ 
	vertical-align: top; /*padding:0;*/
}
.contentgauche
{
	float: left;
	width: 150px; /*height:650px;*/
	height: auto;
	/*height: 600px;*/
	margin-left: 0px;
	margin-right: 0px; /*margin-left: 5px;*/
	margin-top:  0px;
	margin-bottom: 0px;
	font-family: verdana, sans serif;
	font-size: 10px;
	text-align: left;
	background-color: TRANSPARENT; /*background-color:transparent ;*/
	color: Black;
	vertical-align: top; /*border-bottom-style: solid;
	border-bottom-color: #C9C9CC;*/
	/*border-top: 1px solid #C9C9CC;*/
	/*border: 1px solid #4062A9;*/
}

.contentdroite
{
	float: RIGHT;
	width: 157px; /*height:650px;*/
	height: auto;
	/*height: 600px;*/
	margin-left: 5px;
	margin-right: 0px; /*margin-left: 5px;*/
	margin-top: 0px;
	margin-bottom: 3px;
	font-family: verdana, sans serif;
	font-size: 10px;
	text-align: left;
	background-color: TRANSPARENT; /*background-color:transparent ;*/
	color: #000000;
	vertical-align: top;
	/*border-bottom-style: solid;
	border-bottom-color: #C9C9CC;
	border-right-style: solid;
	border-right-color: #C9C9CC;
	border-top: 1px solid #C9C9CC;
	border-left: 1px solid #C9C9CC;*/
}
/*-- Bloc interne --*/

.content
{
	float: left;
	width: 498px; /*height:650px;*/
	height: 400px;
	/*height: 600px;*/
	margin-left: 0px;
	margin-right: 0px; /*margin-left: 5px;*/
	margin-top: 0px;
	margin-bottom: 0px ;
	font-family: verdana, sans serif;
	font-size: 12px;
	text-align: justify;
	background-color: blue; /*background-color: #93cee6;*/
	color: #000000;
	vertical-align: top;
	border-right: 0px solid #4062A9;
	/*TRAIT bleu du menu de gauche*/
	border-left: 0px solid #4062A9;
	line-height: 12px;
}


/*-- Comportement à l'intérieur d'un bloc interne--*/

.content h4
{
	font-family: verdana,sans serif;
	text-align: left;
	font-size: 12px;
	color: Black;
	height: auto; /*margin-left: 5px;*/
	margin-top: 0px; /*margin-right: 5px;*/
	margin-right: 3px;
	margin-left: 10px;
	border:0px;
	line-height: 19px;
}

.content h4 a
{
	font-family: verdana,sans serif;
	text-align: left;
	font-size: 12px;
	color: bLACK;
	/*height: auto;*/ /*margin-left: 5px;*/
	margin-top: 0px; /*margin-right: 5px;*/
	margin-right: 3px;
	margin-left: 0px;
	border: 0px;
	line-height: 13px;
	text-decoration: none;
}

.content embed
{
	width: 385px;
	/*height: 190px;*/
	height: auto;
	margin-left: 0px;
	margin-bottom: 0px;
	line-height: 12px;
}
.MAJ
{
	margin-left: 10px; /*margin-left: 5px;*/
	margin-right: 0px; /*margin-right: 5px;*/
	margin-bottom: 8px; /*margin-right: 5px;*/
	margin-top: 10px;
	line-height: 12px;
	font-size: 10px;
	font-weight: normal; /*height: auto;*/
	padding-top: 0px; /*text-indent: 20px;*/
	text-indent: 0px;
	text-align: LEFT;
	font-style: italic;
	color: #BDBDBD;
}
.content p
{
	margin-left: 10px; /*margin-left: 5px;*/
	margin-right: 0px; /*margin-right: 5px;*/
	margin-bottom: 3px; /*margin-right: 5px;*/
	line-height: 12px;
	font-size: 10px;
	font-weight: normal;
	height: auto;
	margin-top: 3px; /*text-indent: 20px;*/
	border-bottom: 0px solid #C9C9CC;
}
.content p a
{
	margin-left: 0px; /*margin-left: 5px;*/
	margin-right: 10px; /*margin-right: 5px;*/
	margin-bottom: 0px; /*margin-right: 5px;*/
	line-height: 12px;
	font-size: 10px;
	/*color: black;*/
	font-weight: normal;
	height: auto;
	margin-top: 0px; /*text-indent: 20px;*/
	border-bottom: 0px solid #C9C9CC;
	/*text-decoration: none;*/
}
.content IMG
{
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px; /*margin-left: 5px;*/
	margin-right: 0px; /*margin-right: 5px;*/
}
.content div csc-textpic-image
{
	margin-top: 0px;
	margin-left: 10px; /*margin-left: 5px;*/
	margin-right: 0px; /*margin-right: 5px;*/
	margin-bottom: 0px
}
.contentdroite IMG
{
	margin-left: 0px; /*margin-left: 5px;*/
	margin-right: 0px; /*margin-right: 5px;*/
	text-align: center;
}

.contentgauche h4
{
	font-family: verdana,sans serif;
	text-align:left;
	font-size:12px;
	color: Black;
	height:auto;
	/*margin-left: 5px;*/
	margin-left: 3px;
	margin-top: 0px;
	/*margin-right: 5px;*/
	margin-right: 3px;
}
.contentdroite h4
{
	margin-left: 5px; /*margin-left: 5px;*/
	margin-right: 5px; /*margin-right: 5px;*/
	margin-bottom: 0px; /*margin-right: 5px;*/
	line-height: 12px;
	font-size: 10px;
	font-weight: normal;
	height: auto;
	margin-top: 0px;
	text-align: left;
}

.contentgauche embed
{
	width: 385px;
	height: auto;
	/*height: 190px;*/
	margin-left: 0px;
}
.contentdroite embed
{
	width: 150px;
	height: auto;
	/*height: 190px;*/
	margin-left: 0px;
	margin-right: 0px;
}
.contentgauche p
{
	margin-left: 0px; /*margin-left: 5px;*/
	margin-right: 5px; /*margin-right: 5px;*/
	margin-bottom: 0px; /*margin-right: 5px;*/
	line-height: 12px;
	font-size: 10px;
	font-weight: normal;
	height: auto;
	margin-top: 0px;
	text-align: justify;
}
.contentdroite p
{
	margin-left: 5px; /*margin-left: 5px;*/
	margin-right: 5px; /*margin-right: 5px;*/
	margin-bottom: 0px; /*margin-right: 5px;*/
	line-height: 12px;
	font-size: 10px;
	font-weight: normal;
	height: auto;
	margin-top: 0px;
	text-align: left;
}

.contentdroite p a
{
	margin-left: 0px; /*margin-left: 5px;*/
	margin-right: 0px; /*margin-right: 5px;*/
	margin-bottom: 0px; /*margin-right: 5px;*/
	line-height: 12px;
	font-size: 10px;
	font-weight: normal;
	height: auto;
	margin-top: 0px;
	text-align: justify;
	/*color:black;*/
	/*text-decoration:none;*/
}

/*--------------------TMAILFORM---------------------*/
.tx-pilmailform-pi1 input
{
font-size: 10px;
font-family: verdana, sans serif;
width:145px;
font-weight: normal;
}

.tx-pilmailform-pi1 table
{
font-size: 10px;
font-family: verdana, sans serif;
font-weight: bold;
}


/*---------------------------------- PARAMETRES DU MENU BAS -----------------------------*/

.menubas
{
	width: 800px; /*width: 800px;*/
	height: 18px;
	float: left;
	margin-right: 0px;
	margin-left: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	font-family: verdana, sans serif;
	font-size: 10px;
	padding: 0px 0px 0px 0px;
	vertical-align: bottom;
	background-color: BLACK; /*border:5px;	
	border-color:#93cee6;*/
	text-align: left;
}

.menubas a
{
	font-size: 10px;
	color: White;
	background-color: BLACK;
	text-decoration: none; /*padding: 3px;*/
	height: 15px;
	text-align: left; /*border-bottom: 4px solid #93cee6;*/
}