/***************************** CSS GENERIQUE ********************************/

/***************************** BODY, A, A:hover, A IMG, FORM ****************/

BODY {
   padding:0px;
   margin:0px;
   background-color: #FFFFFF
   
}
form {
   padding:0px;
   margin:0px;
}

a {
    text-decoration: none;
}
a:hover {
    text-decoration: underline;
}
a :visited{
    text-decoration: none;
}

a img {
   border-width:0px;
}



#contenu {
   margin:0px;
   padding:0px;
}

#contenu .bloc {
   margin:0px;
   margin:0px 0px 10px 0px;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   clear:both;
}

/***************************** BLOC TEXTE ***********************************/

#contenu .texte {
   font-size: 11px;
   text-align:justify;
   clear:both;
}
#contenu .texteGauche {
   font-size: 11px;
   width: 315px;
   text-align:justify;
}
#contenu .texteDroite {
   font-size: 11px;
   width: 315px;
   text-align:justify;
}
#contenu .texteMilieu {
   width: 24px;
}
#contenu .texteImgGauche {
   font-size: 11px;
   text-align:justify;
}
#contenu .texteImgGauche img {
   float : left;
   margin : 5px;
   margin-right:15px;
   margin-bottom:10px;
}
#contenu .texteImgDroite {
   font-size: 11px;
   text-align:justify;
}
#contenu .texteImgDroite img {
   float : right;
   margin : 5px;
   margin-left:15px;
   margin-bottom:10px;
}
#contenu .texteHaut {
   font-size: 11px;
   text-align:justify;
   clear:both;
}
#contenu .texteCentre {
   text-align:center;
   clear:both;
}
#contenu .texteCentre img {
   margin-top:15px;
   margin-bottom:15px;
   margin-left:auto;
   margin-right:auto;
}
#contenu .texteBas {
   font-size: 11px;
   text-align:justify;
   clear:both;
}

/***************************** BLOC TITRE ***********************************/

#contenu .titre {
   width:100%;
   clear:both;
}

#contenu .titre h2 {	
	height:15px;
   	padding:0px;
   	margin:0px;   	   	
	PADDING-RIGHT: 0px; 
	BACKGROUND-POSITION: 0px 3px; 
	PADDING-LEFT: 0px; 
	BACKGROUND-IMAGE: url('images/euroceans/eo_fond_titre.jpg'); 
	PADDING-BOTTOM: 0px; 
	MARGIN: 0px, 0px, 30px, 0px; 
	PADDING-TOP: 0px; 
	BACKGROUND-REPEAT: repeat-x;

}

#contenu .titre h2 font{
	background-color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
   	font-size:11px;
  	font-weight:bold;
  	text-align:left;
  	color: #999999;
}	

/*
#contenu .crennFondTitre {
	background=url("images/crenn/c_fond_titre.jpg") repeat-x;
	background-position: bottom; 	
	background-color:"87BCE9";
}
*/
/***************************** BLOC FICHIER *********************************/

#contenu .fichier {
   font-family: Verdana, Arial, Helvetica, sans-serif;
   text-align:left;
   font-size: 11px;
}
#contenu .fichier a {
}

/***************************** BLOC QUESTIONNAIRE ***************************/

#contenu #formulaire {
   margin:0px;
   padding:0px;
   text-align: left;
}
#contenu #formulaire table {
   margin:0px;
   padding:0px;
   border: 0px;
}
#contenu #formulaire td {
   color: #000000;
   border: 0px;
   text-align: left;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 10px;
   text-decoration: none;
}
#contenu #formulaire .messageErreur {
   color: #FF0000;
}
#contenu #formulaire td.intitule {
   font-weight: bold;
   text-align: left;
   width: 120px;
}
#contenu #formulaire td.intituleTexte{
   margin:0px;
   padding:0px;
}
#contenu .formulaire td.valeur,
#contenu .formulaire td.valeurCheck {
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 10px;
}
#contenu #formulaire td.valeur input,
#contenu #formulaire td.valeur textarea,
#contenu #formulaire td.valeur select {
   padding-left: 0px;
   padding-right: 0px;
   margin:5px 0px 5px 0px;
   text-align: left;
   width: 200px;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 10px;
}
#contenu #formulaire td.valeur textarea {
   width: 300px;
}
#contenu #formulaire div.boutonEnvoyer {
   padding-left: 119px;
}
#contenu #formulaire div.boutonEnvoyer input {
   width: 85px;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 11px;
   margin:5px 0px 5px 0px;   
}
#contenu #formulaire #messageQuestionnaireValide {
   height:40px;
   font-weight:bold;
   font-size: 11px;
   text-align:center;
}



/*** EORubrique ***/
.EORubrique {
	font-family: Verdana, Arial, Helvetica, sans-serif;
   	font-size: 11px;
   	color: #333333;
   	font-weight: bold;
}


/*** EOSousRubrique ***/
.EOSousRubrique {
	font-family: Verdana, Arial, Helvetica, sans-serif;
   	font-size: 10px;
   	color: #333333;
   	font-weight: bold;
}

.EOSousRubriqueTexte {
	font-family: Verdana, Arial, Helvetica, sans-serif;
   	font-size: 10px;
   	color: #333333;
   	font-weight: normal;
}

.EOMenuCentreHautDroit {
	font-family: Verdana, Arial, Helvetica, sans-serif;
   	font-size: 11px;
	line-height:21px;
	color: #000000;
}
.EOMenuCentreHautDroit a{
	color: #CB0200;	
	text-decoration:underline;
}
.EOMenuGauche td{
	font-family: Verdana, Arial, Helvetica, sans-serif;
   	font-size: 10px;
   	color: #333333;
   	font-weight: normal;
}

.EOMenuGauche td a{
   	color: #333333;
}

.EOMenuGauche .puce{
	background-color: #FEB01E;
}

.EOMenuGauche .sousPuce{
	border-left: 3px solid #FEB01E;
}

.EOMenuGauche .sousPuce2{
	border-right: 2px solid #FEB01E;
}



.EONomPage {
	BACKGROUND-IMAGE: url('images/euroceans/eo_fond_titre.jpg') ;
	padding:  0px, 0px, 0px, 0px;
	BACKGROUND-REPEAT: repeat-x;
	background-position: bottom;

}

.EONomPage td{
	font-family: Verdana, Arial, Helvetica, sans-serif;
   	font-size:11px;
  	font-weight:bold;
  	text-align:left;
  	color: #999999;
}

#EOCentre {
	width: 810px;
	height: 480px;
	margin-top: 30px;
	overflow : auto;
}
@media print {
#EOCentre { height: auto;}
}