* {
    margin: 0;
    padding: 0;
}
body {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    text-align: center;
    color: #595959;
    background: #E1E1E1;
}

ol {
	list-style: none;
	height:auto;
}


ul {
	list-style-type: disc ;
	list-style-position: inside;
}

a img {
	border:none;
}

#global {
	text-align: center;
}

a, a:active, a:hover, a:visited { 
	color:#F1882D ;
	text-decoration: underline;
	
}


/* #################################
	HABILLAGE DES PARAGRAPHES
################################### */
.texte_normal {
	color:#565656;
	text-align:left;
	font-weight:normal;
}

.texte_orange, .texte_orange a,
.texte_orange a:active,.texte_orange a:hover,
.texte_orange a:visited {
	color:#F29400;
	text-align:left;
	text-decoration: none;
}

.texte_jaune, .texte_jaune a,
.texte_jaune a:active,.texte_jaune a:hover,
.texte_jaune a:visited {
	color:#F7C200;
	text-align:left;
	text-decoration: none;
}

.texte_rose, .texte_rose a,
.texte_rose a:active,.texte_rose a:hover,
.texte_rose a:visited {
	color:#D23E88;
	text-align:left;
	text-decoration: none;
}

.texte_bleu, .texte_bleu a,
.texte_bleu a:active,.texte_bleu a:hover,
.texte_bleu a:visited {
	color:#5BA0D3;
	text-align:left;
	text-decoration: none;
}

.texte_mantisse, .texte_mantisse a,
.texte_mantisse a:active,.texte_mantisse a:hover,
.texte_mantisse a:visited {
	color:#254A67;
	text-align:left;
	text-decoration: none;
}

/* titres de chaque bloc placé dans la page d'accueil */
.titre_bleu {
	color:#004E98;
	letter-spacing: 1px;
	font-size:22px;
}

.titre_orange {
	color:#F29400;	
	letter-spacing: 1px;
	font-size:22px;

}
 
/* titres placés dans les pages institutionnelles et les rubriques */ 
h1.titre_orange {
	color:#F29400;	
	font-size:22px;	
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	line-height: 26px;
} 
 
h2.titre_bleu {
	color:#5D90C2;
	font-size:18px;	
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	line-height: 22px;
} 

h3.titre_orange {
	color:#F29400;	
	font-size:14px;	
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	line-height: 18px;
}

/* titre du moteur de recherche dans la bande de droite */
.libelle_recherche {
	color:#004F98;
	text-align:left;
	font-size: 12px;
	letter-spacing: 2px;
	font-weight: normal;
}



/* texte placé dans le bandeau inférieur sur toutes les pages*/
.texte_bandeau_inferieur, .texte_bandeau_inferieur a,
.texte_bandeau_inferieur a:active,.texte_bandeau_inferieur a:hover,
.texte_bandeau_inferieur a:visited {
	color:#fff;
	font-weight:normal;
	text-decoration: none;
	line-height:20px;
}

.texte_bandeau_inferieur a,.texte_bandeau_inferieur a:hover,
.texte_bandeau_inferieur a:active, .texte_bandeau_inferieur a:visited {
	font-weight:bold;
}



.titreGalerie {
	text-align: center;
	font-size:10px;
}

/* ####################################
	HABILLAGE DE LA PAGE D'ACCUEIL
###################################### */

/* bandeau pour les onglets placés en haut */

#onglets_haut {
	margin:0px auto;
	width:1000px;
	background-color: #919191;
	height:30px;
	z-index:0;
	text-align:left;
	
}

/* habillage des onglets gris avec les éléments de Wayfinder (snippet) */
.sectionMenu {
	padding-left:200px;
}

.menuHaut, .lastHaut {
	float : left;
	height:30px;
	width:160px;
	background: url("images/fond_onglet_gris.gif") no-repeat bottom right;
	text-align:center;
	line-height:30px;	
}

.activeHaut {
	float : left;
	height:30px;
	width:160px;
	background: url("images/fond_onglet_gris_actif.gif") no-repeat bottom right;
	text-align:center;
	line-height:30px;	
}

.menuHaut a, .activeHaut a, .lastHaut a,
.menuHaut a:active, .activeHaut a:active, .lastHaut a:active,
.menuHaut a:hover, .activeHaut a:hover, .lastHaut a:hover,
.menuHaut a:visited, .activeHaut a:visited, .lastHaut a:visited {
	color:#fff;
	font-size: 12px;
	text-decoration: none;
	font-weight: normal;
}

#bandeau_bleu_haut {
	margin:0px auto;
	width:1000px;
	background: url("images/bandeau_haut_accueil.jpg") no-repeat bottom left;
	height:187px;
	border-top:solid 2px #fff;
	z-index:0;
	text-align:left;
}

#phrase_bandeau {
	float:right;
	width:500px;
	height:50px;
	padding-right:280px;
	padding-top:87px;
	text-align:left;
	color:#235289;
	font-size:14px;
	font-weight: bold;
}

#fond_logo {
	position:relative;
	width:182px;
	height:172px;
	top:-40px;
	left:20px;
}


/* div contenant les blocs de gauche et celui de droite */
#interieur_page_accueil {
	margin:0px auto;
	width:1000px;
	background-color: #fff;
	height:auto;
}

#blocs_gauche_accueil {
	position:relative;
	width:370px;
	height:528px;
	top:-50px;
	left:10px;
	/*margin:0 auto;*/
	/*background-color: #E6E6E6;*/
	z-index:5;
}

#contenu_droite_accueil {
	float:right;
	width:700px;
	/*height:528px;*/
	/*background: url("images/bas_cube_accueil.jpg") no-repeat top right;*/
	background: url("images/bas_cube_instit.jpg") no-repeat top right;	

}

#bas_page_accueil {
	clear:both;
	height:20px;
	background-color: #919191;
}


/* habillage de la div blocs_gauche_accueil
	(décisionnel, silage, dev. specif. open source...) */

/* bloc décisionnel  */	
#decisionnel_accueil {
	background: url("images/fond_decisionnel_accueil.gif") no-repeat top left;
	height:131px;
	width:361px;
	text-align:center;
}



/* bloc développement spécifique */
#specif_accueil {
	background: url("images/fond_specif_accueil.gif") no-repeat top left;
	height:131px;
	width:361px;
	
}

/* bloc silage  */
#silage_accueil {
	background: url("images/fond_silage_accueil.gif") no-repeat top left;
	height:131px;
	width:361px;
	
}

/* bloc open */
#open_accueil {
	background: url("images/fond_open_accueil.gif") no-repeat top left;
	height:131px;
	width:361px;
	
}

.interieur_bloc_accueil{
	position:absolute;
	height:85px;
	width:245px;
	top:15px;
	left:90px;
	text-align:left;
}


/* habillage de la div contenu_droite_accueil
	(moteur de recherche, actualités, édito...) */
	
#moteur_recherche {
	float:left;
	width:250px;
	height:70px;
	color:#004F98;
	text-align:left;
	font-size: 12px;
	letter-spacing: 2px;
	font-weight: normal;
}

#silhouette_accueil {
	clear:left;
	float:left;
	/*background-color:#fff;*/
	background: url("images/silhouette_accueil.gif") no-repeat top left;
	width:620px;
	height:117px;
}

#content_accueil {
	clear:left;
	float:left;
	background-color:#fff;
	width:620px;
	height:250px;
	padding:0px;
	margin:0px;
}


/* habillage des 2 blocs de texte  de la page d'accueil*/
 
.colonne_gauche {
	float:left;
	/*background-color:#ff0000;*/
	width:280px;
	margin-left:10px;
	text-align:left;
	height:auto;	
	border-right: dashed 1px #A0A2A3;
}

.colonne_droite {
	float:left;
	/*background-color:#333;*/
	width:280px;
	margin-right:10px;
	margin-left:10px;
	text-align:left;
	height:auto;
}





.texte_edito, .texte_actualites {
	position:relative;
	top:5px;
	left:5px;
	width:250px;
	height:200px;
	font-size: 12px;
	color:#565656;
	text-align: justify;
	line-height: 17px;
}


/* ########################################
	HABILLAGE DES PAGES INSTITUTIONNELLES
	  (issues du menu superieur)
########################################### */


/* modification du bandeau superieur (silhouettes banches)*/
#bandeau_bleu_haut_instit {
	margin:0px auto;
	width:1000px;
	background: url("images/bandeau_haut_instit.jpg") no-repeat top left;
	height:150px;
	border-top:solid 2px #fff;
	z-index:0;
	text-align:left;
}

#phrase_bandeau_pages {
	float:right;
	width:500px;
	height:50px;
	padding-right:273px;
	padding-top:87px;
	text-align:left;
	color:#235289;
	font-size:14px;
	font-weight: bold;
}

#fond_logo_pages {
	position:relative;
	width:159px;
	height:150px;
	top:-32px;
	left:42px;
}

/* interieur de la page*/
#contenu_droite {
	float:right;
	width:710px;
	/*height:528px;*/
	background: url("images/bas_cube_instit.jpg") no-repeat top right;

}

#blocs_gauche {
	position:relative;
	width:280px;
	height:400px;
	top:-21px;
	left:10px;
	/*margin:0 auto;*/
	/*background-color: #E6E6E6;*/
	z-index:5;
	text-align:left;
}

/* bloc décisionnel  */	
#decisionnel {
	background: url("images/fond_decisionnel.gif") no-repeat top left;
	height:88px;
	width:262px;
	text-align:center;
}



/* bloc développement spécifique */
#specif {
	background: url("images/fond_specif.gif") no-repeat top left;
	height:88px;
	width:262px;
	margin-top:10px;	
}

/* bloc silage  */
#silage {
	background: url("images/fond_silage.gif") no-repeat top left;
	height:88px;
	width:262px;
	margin-top:10px;
	
}

/* bloc open */
#open {
	background: url("images/fond_open.gif") no-repeat top left;	
	height:88px;
	width:262px;
	margin-top:10px;	
}

.interieur_bloc {
	position:absolute;
	height:40px;
	width:170px;
	top:25px;
	left:70px;
	text-align:left;
    font-family: Verdana, Arial, Helvetica, sans-serif;
}


#content_navigation {
	clear:left;
	float:left;
	width:519px;
	height:auto;
	text-align: left;
	padding : 5px 0px 5px 0px;
}

/* contenu proprement dit de la page*/
#content_pages {
	/*clear:left;*/
	float:left;
	width:520px;
	height:auto;
	text-align: justify;
	border-right: dashed 1px #A0A2A3;
	/*border-top: dashed 1px #A0A2A3;
	border-left: dashed 1px #A0A2A3;*/
	margin-top:14px;
	line-height: 14px;
	padding-right:14px;
}

#bande_gauche_pages {
	float:left;
	width:152px;
	height:auto;
	margin:0px;
	text-align: left;
	margin-top:5px;
	padding:0px 5px 0px 5px;	
}

/* ------------------------------------
	habillage de la page références
--------------------------------------- */

.logo_gauche {
	float:left;
	width:90px;
	height:60px;
}

.logo_droite {
	float:right;
	width:420px;
	height:60px;

}


/* ------------------------------------
	habillage de la page actualités
--------------------------------------- */

.titreNews {
	padding:3px 0px 3px 0px;
	font-weight: bold;
	color:#565656;
}

.titreNews a, .titreNews a:active, 
.titreNews a:hover, .titreNews a:visited {
	font-weight: bold;
	color:#565656;
	text-decoration: none;
}

.lireNews {
	padding:3px 0px 3px 0px;
	width:95%;
	text-align: right;
}

/* lien pour accéder à l'article proprement dit */
.lireNews a, .lireNews a:active, 
.lireNews a:hover, .lireNews a:visited {
	color:#004F98;
	text-decoration: underline;
	font-weight: normal;
} 

/* mise en page de l'indication de la date de l'article */
.date_actu {
	width:95%;
	font-size: 10px;
	font-weight: bold;
	text-align: right;
}

/* habillage des titres de news pour la page d'accueil */
.lireNewsAccueil {

}

/* #############################################
	HABILLAGE COMMUN DES DIFFERENTES PARTIES
(décisionnel, silage, sur mesure, logiciel libre)
################################################ */

/* interieur de la page*/
#contenu_droite_partie {
	float:right;
	width:700px;
	/*height:528px;*/
	background: url("images/bas_cube_partie.jpg") no-repeat top right;

}

#blocs_gauche_partie {
	float:left;
	width:290px;
	text-align:left;
	padding-left:10px;
}


/* bloc menu gauche (pour chaque partie)  */	
#menuGauche {
	float:left;
	height:auto;
	width:262px;
	text-align:left;
	margin-bottom:15px;
	margin-top:10px;
}

/* liste pour le menu placé à gauche */
.listeMenuPartie {
	list-style: none;
	/*border-top : dashed 1px #A0A2A3;*/
	width:230px;
	padding-left:10px;
}


.menuParties, .lastParties, .firstParties {
	float : left;
	text-align:left;
	padding-left:10px;
	line-height:24px;	
	border-bottom : dashed 1px #A0A2A3;	
	display:block;
	width:230px
}

.firstParties {
	border-top:dashed 1px #a0a2a3 ;
}

.activeParties {
	float : left;
	text-align:left;
	padding-left:10px;
	line-height:24px;	
	border-bottom : dashed 1px #A0A2A3;
	display:block;	
	width:230px
}

.menuParties a, .lastParties a, 
.menuParties a:hover, .lastParties a:hover,
.menuParties a:visited, .lastParties a:visited,
.menuParties a:active, .lastParties a:active  {
	color:#616161;
	font-size: 12px;
	text-decoration: none;
	font-weight: normal;
}

.activeParties a, .activeParties a:active, .activeParties a:hover,
.activeParties a:visited {
	color:#F29400;
	font-weight: bold;
	font-size: 12px;
	text-decoration: none;
}

.levelParties2  {
	float : left;
	text-align:left;
	padding-left:10px;
	line-height:16px;	
	border:none;
	display:block;
	width:210px;
}

.levelParties2 a, .levelParties2 a:active, .levelParties2 a:hover,
.levelParties2 a:visited {
	color:#616161;
	font-size: 11px;
	text-decoration: none;
	font-weight: normal;
}

li ul li.activeParties a, li ul li.activeParties a:active, 
li ul li.activeParties a:hover, li ul li.activeParties a:visited {
	color:#F29400;
	font-weight: normal;
	font-size: 11px;
	text-decoration: none;
}
/* fin des listes pour le menu placé à gauche */



/* bloc décisionnel  */	
#decisionnel_partie {
	background: url("images/fond_decisionnel.gif") no-repeat top left;
	float:left;
	height:88px;
	width:262px;
}

/* bloc développement spécifique */
#specif_partie {
	background: url("images/fond_specif.gif") no-repeat top left;
	float:left;
	height:88px;
	width:262px;
}

/* bloc silage  */
#silage_partie {
	background: url("images/fond_silage.gif") no-repeat top left;
	float:left;
	height:88px;
	width:262px;
}

/* bloc open */
#open_partie {
	background: url("images/fond_open.gif") no-repeat top left;
	float:left;
	height:88px;
	width:262px;
}

.interieur_bloc_partie {
	position:relative;
	height:40px;
	width:170px;
	top:13px;
	left:70px;
	text-align:left;
    font-family: Verdana, Arial, Helvetica, sans-serif;
}



/* ########################################
	HABILLAGE DES PAGES DECISIONNELLES
	  (issues de la partie décisionnelle)
########################################### */


/* bandeau superieur */
#bandeau_bleu_haut_decision {
	margin:0px auto;
	width:1000px;
	background: url("images/bandeau_haut_decision.jpg") no-repeat top left;
	height:196px;
	border-top:solid 2px #fff;
	z-index:0;
	text-align:left;
}


.bloc_mantisse {
	background: url("images/logo_mantisse_bordure.jpg") no-repeat top left;
	text-align: left;
	/*border-top : solid 1px #9EB5C5;
	border-left: solid 1px #9EB5C5;
	border-right:solid 1px #254a67;
	border-bottom:solid 1px #254a67;*/
	height:150px;
	width:160px;
	/*padding:2px 2px 2px 4px;*/
}

.titre_mantisse {
	color:#254A67;
	font-size:16px;
	font-weight: bold;
	letter-spacing:1px;
	font-variant: small-caps;
}

.sous_titre_mantisse {
	color:#FC6C0C;
	font-size:11px;
	font-weight: bold;
}

.accueil_mantisse {
	padding-left:10px;
	padding-right:10px;
	color:#254A67;
	font-size:14px;
}

.interieur_bloc_mantisse {
	padding : 5px 5px 5px 5px;
	font-size:11px;
	text-align: justify;
}

.contenu_mantisse {
	color:#4B6F89;
	font-size:11px;
	font-weight: normal;
}


/* liste pour les éléments des applications en ligne avec carré orange */

ul.ul_mantisse {
	list-style: none;
}

li.liste_mantisse {
	background: url("images/puce_mantisse_petite.gif") no-repeat top left;
	display:inline;	
	float:left;	
	/*line-height: 12px;*/
	color:#FC6C0C;
	font-size:11px;
	font-weight: normal;
	padding-left:12px;
	margin-left:25px;
}

li.liste_mantisse a, li.liste_mantisse a:hover,
li.liste_mantisse a:active, li.liste_mantisse a:visited {
	color:#FC6C0C;
	font-size:12px;
	font-weight: normal;
	text-decoration: underline;
} 

.listeDroiteMantisse {
	color:#254A67;
	font-weight: normal;
	font-size: 10px;
	margin:4px 0px;
	padding-left:2px;
}


/* ########################################
	HABILLAGE DES PAGES SUR MESURE
	  (issues de la partie Sur mesure)
########################################### */


/* bandeau superieur */
#bandeau_bleu_haut_mesure {
	margin:0px auto;
	width:1000px;
	background: url("images/bandeau_haut_mesure.jpg") no-repeat top left;
	height:196px;
	border-top:solid 2px #fff;
	z-index:0;
	text-align:left;
}


/* ########################################
		HABILLAGE DES PAGES SILAGE
	  (issues de la partie Silage)
########################################### */


/* bandeau superieur */
#bandeau_bleu_haut_silage {
	margin:0px auto;
	width:1000px;
	background: url("images/bandeau_haut_silage.jpg") no-repeat top left;
	height:196px;
	border-top:solid 2px #fff;
	z-index:0;
	text-align:left;
}

.accueil_silage {
	padding-left:10px;
	padding-right:10px;
	color:#D23E88;
	font-size:14px;
}

.titre_silage {
	color:#D23E88;
	font-size:16px;
	font-weight: bold;
	letter-spacing:1px;
	font-variant: small-caps;
}

.contenu_silage {
	color: rgb(186, 55, 121);
	font-size:11px;
	font-weight: normal;	 
}



/* ########################################
	HABILLAGE DES PAGES LOGICIEL LIBRE
	(issues de la partie Logiciel Libre)
########################################### */


/* bandeau superieur */
#bandeau_bleu_haut_open {
	margin:0px auto;
	width:1000px;
	background: url("images/bandeau_haut_open.jpg") no-repeat top left;
	height:196px;
	border-top:solid 2px #fff;
	z-index:0;
	text-align:left;
}


/* ########################################
	HABILLAGE POUR LA BANDE DE GAUCHE
	(lien vers les copies d'écran)
########################################### */


.copieEcran {
	float:left;
	height:80px;
	width:145px;
	text-align:center;
	margin-top:8px;
	background:url("images/image_film_demo.gif") no-repeat top right ;
}


.copieEcran a, .copieEcran a:hover,
.copieEcran a:active, .copieEcran a:visited {
	color:#fff;
	text-align: center;
	font-weight: bold;
	font-variant: small-caps;
	text-decoration: none;

}

/* ########################################
	CLASSES POUR LA BARRE DE NAVIGATION
########################################### */

/* paragraphe accueillant le snippet de navigation*/
.barre_navigation {
	width:350px;
	border-bottom:dashed 1px #A0A2A3;
	padding-bottom:5px;
}

/*span général contenant l'ensemble de la barre de navigation*/
.B_crumbBox {
	color: #555A9E;
}

/*span contenant le premier élément de la barre*/
.firstCrumb {
	color: #555A9E;
}

/*lien vers la page d'accueil*/
.B_homeCrumb {
	color:#F1882D;
	font-weight: bold;
}

/*span contenant le dernier élément de la barre */
.B_lastCrumb {
	color: #555A9E;
}

/* span pour l'élément en cours de navigation (pas de lien) */ 
.B_currentCrumb {
	color: #555A9E;
}


/* ####################################
	HABILLAGE DU MOTEUR DE RECHERCHE
	  (issu du snippet ajaxsearch)
###################################### */

form.FSF_form {
    margin-top: 5px;
    padding: 0px;
    width: auto;
    text-align: left;
}

input.FSF_input { 
	font-size: 11px;
    display: inline;
    height: 17px;
    border: 1px solid #838383;
    background-color: #fff ;
    margin: 0px 3px 0px 0px;
    padding: 3px 0px 0px 0px;
	vertical-align: middle; 
	width:120px;   
}

.img_form {
	padding:0px;
	margin:0px;
	vertical-align: middle;
}

input.FSF_submit { 
    display: block;
    margin: 2px 0px 0px 2px;
    height: 14px;
    background-color: #F1882E;
    width:120px;
    /*line-height: 22px;*/
    font-size:6pt;
    font-weight: bold;
    color:#fff;
    letter-spacing: 2px;
    /*border:none;*/
}    

/*éléments de mise en forme pour l'affichage des résultats de recherche */    
/*indication du nombre de résultats et des pages */
.FSF_pagination {
	font-size: 12px;
	font-weight: bold;
	padding-bottom : 10px;
	color:#555A9E;	
}

/*pas de réponse*/
.FSF_resultsIntroFailure {
	font-size: 12px;
	font-weight: bold;
	padding-bottom : 10px;
	color:#F1882E;	
	height:40px;
}


/*classe de la div contenant chaque ligne de résultats*/
.FSF_result {
	height:35px;
}

/*indication du titre de la page (lien vers le résultat)*/
.FSF_resultLink {
    color: #F1882E;
    font-weight: bold;
}

/*description de la page résultat*/
.FSF_resultDescription {
	color:#555A9E;	
    font-weight: normal;
    padding-left:10px;
}



/* ##########################################
	FORMULAIRE DE CONTACT ET DE RECRUTEMENT
############################################# */

/*éléments généraux pour les formulaires (éviter les cadres)*/
form {
	border:none;
}
fieldset {
    border: none;
}


.liste_simple {
	list-style: none;
}

li.liste_libelle {
	color:#565656;
	display:inline;	
	float:left;	
	line-height: 24px;
}

li.liste_champ {
	clear:left;
	display:block;
	float:left;	
	line-height: 24px;	
}

input[type="file"] {
	width:10px;
}

/*style pour les zones de texte*/
input.CTinput { 
	font-size: 11px;
    display: inline;
    height: 18px;
    border: 1px solid #ddd;
    border-left-color: #c3c3c3;
    border-top-color: #7c7c7c;
    background-color: #fff ;
    padding: 3px 0px 0px;
    margin: 5px 0px 0px 8px;
}

/*style pour le bouton d'envoi*/
input.CTsubmit { 
    /*display: block;*/
    margin: 2px 0px 2px 2px;
    height: 19px;
    background-color: #3371AD;
    width:90px;
    font-size:9pt;
    font-weight: bold;
    color:#fff;
    letter-spacing: 2px;
    border:none;
    border-top:solid 1px #ccc;
    border-right:solid 1px #ccc;
}    

/*style pour les zones de texte multilignes*/
textarea.CTtextarea { 
	font-size: 11px;
    display: block;
    border: 1px solid #ddd;
    border-left-color: #c3c3c3;
    border-top-color: #7c7c7c;
    background-color: #fff ;
    margin: 5px 0px 0px 8px;
}

select, select.liste_deroulante {
	font-size: 11px;
    display: block;
    border: 1px solid #ddd;
    border-left-color: #c3c3c3;
    border-top-color: #7c7c7c;
    background-color: #fff ;
    margin: 5px 0px 0px 8px;
}

/*style pour les légendes associées aux champs de saisie*/
label.CTlabel {
    display: inline;	
	font-size: 11px;
	font-weight: normal;
	color:#565656;
	padding:15px 0px 5px 0px;
}

/*ligne d'instructions placé au-dessus du mail*/
.CTinstructions {
	font-size: 12px;
	font-weight: normal;
    color: #ff0000;
    font-style:italic; 
    line-height:20px;
}

/*style pour les messages d'erreur s'affichant en cas de problème d'envoi du mail*/
.CTerreur {
	font-size: 11px;	
    padding: 5px 5px 5px 5px;
    background-color: #74A6db;
    color: #fff;
	font-weight:bold;    
}

/*style pour l'indication de la réussite de l'envoi du mail*/
.CTmessage {
	font-size: 12px;
	font-weight: bold;
    color: #F1882E;
}