/**************************************************/
/****************GENERAL **************************/
/**************************************************/

.header {
	position:relative;top:0px;left:0px;
	width:950px;height:66px;
}


.body {
	position:relative;top:0px;left:0px;
	width:950px;height:287px;
	background-color:#FFFFFF;
}
body {
	background-color:#FFFFFF;
	margin:0 0 0 0;
}

img {
	border:0px solid #FFFFFF;
}

/**********************************************/
/****************HEADER ***********************/
/**********************************************/

/***** POUR LA BARRE DE NAVIGATION */
/* pour créer le dégradé sur la barre de navigation*/
.h_bar {
	position:relative;
	top:0px;
	left:0px;
	width:950px;
	height:23px;
	background-color: #FFFFFF;
	background-image: url(h_degrad.gif);
	background-repeat: repeat-x;
	display:none;
}
/**pour raccorder le dégradé avec une image à gauche*/
.h_bar_gauche {
	position:absolute;
	top:0px;
	left:0px;
	width:11px;
	height:23px;
	background-color: #FFFFFF;
	background-image: url(h_degrad_gauche.gif);
	background-repeat: no-repeat;
}
/*pour raccorder le dégradé avec une image à droite*/
.h_bar_droite {
	position:absolute;
	top:0px;
	right:0px;
	width:3px;
	height:23px;
	background-color: #FFFFFF;
	background-image: url(h_degrad_droite.gif);
	background-repeat: no-repeat;
}

/**choix de la langue*/
.h_langue {
	position:absolute;
	top:9px;
	left:440px;
	font-family:trebuchet-ms, arial, verdana;
	font-size: 12px;
	font-style: normal;
	color: #FFFFFF;
	font-weight: bold;
	top: 6px;
	height: 8px;
	width: auto;
	font-variant: normal;
}

.h_langue a {
	text-decoration:none;
	color:#FFFFFF;
}

.h_langue a:hover {
	text-decoration:underline;
	color:#E3DFD6;
	/*color:#D6DEE3;*/
}

/*Liste déroulantes pour choisir un groupe*/
.h_groupe {
	position:absolute;top:2px;left:646px;
	width:301px; height:17px;
	border:1px solid #7F9DB9;
	font-family:Arial, Helvetica, sans-serif;
	letter-spacing:1px;
	line-height:17px;
	padding-left:4px;
	vertical-align:bottom;
	font-size:10px;
	color:#000000;
}


/***** POUR LES IMAGES */
/*général*/
.h_images {
	position:relative;
	top:2px;
	left:0px;
	width:950px;
	height:237px;
    display:none;	
}

/*pour la grande image de gauche*/
.h_image_gauche {
	position:absolute;
	top:0px;
	left:0px;
	width:647px;
	height:237px;
	background-color: #FFFFFF;
	background-image: url(h_image_gauche.jpg);
	background-repeat: no-repeat;
}


/*pour faire une opacité de 50% sur la petite image*/
.h_image_opacite {
	position:absolute;top:0px;left:649px;
	width:46px;height:237px;
	background-color:#FFFFFF;
	-moz-opacity:0.5;filter: alpha(Opacity=50);
}
/*trait blanc de 2 px*/
.h_image_trait {
	position:absolute;top:0px;left:695px;
	width:2px;height:237px;
	background-color:#FFFFFF;
}
/*pour la petite image de droite*/
.h_image_droite {
	position:absolute;
	top:0px;
	left:649px;
	width:301px;
	height:237px;
	background-color: #FFFFFF;
	background-image: url(h_image_droite.jpg);
	background-repeat: no-repeat;
}


/***** POUR LE FILE D'ARIANE */
/*Fond du fil d'ariane*/
.h_ariane {
	position:relative;
	top:4px;
	left:0px;
	width:950px;
	height:23px;
	background-color: #FFFFFF;
	background-image: url(h_degrad.gif);
	background-repeat: repeat-x;
	display:none;
}

/*Typo du Fil d'ariane*/
.h_ariane_texte {
	position:absolute;
	font-family:Arial, Helvetica, sans-serif;
	font-size:9px;
	letter-spacing:1px;
	color:#FFFFFF;
	top: 5px;
	left: 270px;
	height: 15px;
}

.h_ariane_texte a {
	text-decoration:none;
	color:#FFFFFF;
}

.h_ariane_texte a:hover {
	text-decoration:underline;
	color:#D6DEE3;
}

/*opacité de 50% pour le bande avant le logo*/
.h_alpha {
	position:absolute;top:0px;left:0px;
	width:46px;height:66px;
	background-color:#FFFFFF;
	-moz-opacity:0.5;filter: alpha(Opacity=50);
}

/*logo VETOQUINOL*/

.h_logo {
	position:absolute;
	background-image: url(h_logo.gif);
	top:0px;left:0px;
	width:201px;height:66px;
	background-color:#FFFFFF;
}

.h_logo a:hover img {
	-moz-opacity:0.5;filter: alpha(Opacity=50);
}

/***************************************************/
/**************MENU DE GAUCHE  **********/
/***************************************************/

/*fond du menu - utilisé dans la cellule de gauche du tableau*/
.mg_menu_fond {
	background-color: #FFFFFF;
	background-image: url(mg_menu_fond.gif);
	background-repeat: repeat-y;
	display:none;
}
/*block blanc pour la décoration du menu*/
.mg_block_blanc {
	position:absolute;
	top:-48px;
	left:0px;
	width:46px;height:48px;
	background-color:#FFFFFF;
	-moz-opacity:0.5;
	filter: alpha(Opacity=50);
}
/*block de couleur pour la décoration du menu*/
.mg_block_coul {
	position:absolute;
	top:-48px;
	left:48px;
	width:201px;
	height:48px;
	background-image: url(mg_block_coul.gif);
}
.mg_block_clair {
	position: relative;
	background-image: url(mg_menu_clair.gif);
	text-align:left;
	height: 25px;
	width: 249px;

}

/*pour l'image dans le tableau*/
.mg_table {
	width:249px;
	height:66px;
	border:0;
}
/*image pour le menu*/
.mg_image {
	background-image: url(mg_image.jpg);
}

/*posisition du menu et graphisme image*/
.mg_menu {
	position:absolute;
	top:0px;
	left:0px;
	width:249px;
	height:400px;
}
.mg_menu a:hover .title {
	-moz-opacity:0.5;
	filter: alpha(Opacity=50);
	background-image: url(mg_menu_clair.gif);
}
/*Menu clair*/
.mg_titre_clair {
	position: relative;
	background-image: url(mg_menu_clair.gif);
	text-align:left;
	padding-top: 4px;
	padding-bottom: 4px;
	padding-left: 55px;

}

.mg_titre_clair a {
	font-family:trebuchet-ms, arial, verdana;
	font-size:11px;
	color:#FFFFFF;
	text-transform:uppercase;
	font-weight: bold;
	font-variant: normal;
	text-decoration:none;
}

.mg_titre_clair a:hover {
	color:#C1D1DD;
}


/*Menu foncé*/
.mg_titre_fonc {
	position: relative;
	background-image: url(mg_menu_fonc.gif);
	text-align:left;
	padding-left: 55px;
	padding-top: 3px;
	padding-bottom: 3px;
}

.mg_titre_fonc a {
	font-family:trebuchet-ms, arial, verdana;
	font-size:11px;
	color:#FFFFFF;
	text-transform:uppercase;
	font-weight: bold;
	font-variant: normal;
	text-decoration:none;
}

.mg_titre_fonc a:hover {
	color:#C1D1DD;
}

/***************************************************/
/**************PARTIE CONTENU  **********/
/***************************************************/

/*dégradé du bord */
.b_degrad {
	line-height: 15px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	text-align:justify;
	color:#3E4C55;
	vertical-align: top;

}



/*structure du texte en général */
.b_text {
	padding-left: 23px;
	padding-top: 23px;
	width:900px;
}

.b_text a {
	color:#317B5C;
}

.b_text a:hover {
	color:#3E4C55;
}

/*structure du titre du texte **/
.b_text .titre {
	font-family: Helvetica, futura;
	font-size:15px;
	font-weight:bold;
	color:#20B577;
}

.b_degrad_saisie1 {
	position:relative;
	color:#3E4C55;
	width:300px;height:15px;
	padding-left:4px;
	font-size:9px;
	border:1px solid #7F9DB9;
}

.b_degrad .saisie2 {
	color:#3E4C55;
	width:150px;height:15px;
	padding-left:4px;
	font-size:9px;
	border:1px solid #7F9DB9;
}
.b_degrad .saisie3 {
	color:#3E4C55;
	width:70px;height:15px;
	padding-left:4px;
	font-size:9px;
	border:1px solid #7F9DB9;
}

.b_degrad .saisie_field {
	width:450px;
	border:1px solid #7F9DB9;
}
/*	************************************************************ */
/*	************* BODY EN CONTENT ELEMENT  ************** */
/*	********* Classe permettant de formater le titre  ************* */

.csc-firstHeader {
	font-family: Helvetica, futura;
	font-size:15px;
	font-weight:bold;
	color:#20B577;
}



/*Pied de page */
.b_pied_page {
	position:absolue;
	bottom:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:9px;
	color:#7891A3;
	width: 400px;
	padding-left: 23px;
	display:none;
}


.b_pied_page a {
	color:#7891A3;
	text-decoration:none;
}

.b_pied_page a:hover {
	text-decoration:underline;
}


/****************************************/
/**************MENU DE DROITE  **********/
/***************************************/
/*configuration général*/
.md_menu {
	position:relative;
	background-image:  url(md_blanc.gif);
	width:253px;
	vertical-align:top;
    display:none;
}

/*	*************************************************	*/
/*	********************** LOGIN  ******************	*/
/*	**** Classe permettant de formater le titre  *******	*/

.md_login {
	position:relative;top:25px;left:0px;
	background-color:#FFFFFF;
	background-image: url(md_image.jpg);
	background-repeat: no-repeat;
	width:253px;
	height:185px;
}

.md_login a:hover img {
	-moz-opacity:0.75;filter: alpha(Opacity=75);
}
.md_login .liens {
	position:absolute;top:107px;left:23px;
	font-family:Arial, Helvetica, sans-serif;
	line-height:11px;
	color:#FFFFFF;
}

.md_login .liens a {
	color:#FFFFFF;
	text-decoration:none;
	font-size:9px;
}

.md_login .liens a:hover {
	text-decoration:underline;
}

.md_login .liensInscription {
	top:107px;
    left:23px;
	font-family:Arial, Helvetica, sans-serif;
	line-height:11px;
	color:#FFFFFF;
}

.md_login .liensInscription a {
	color:#FFFFFF;
	text-decoration:none;
	font-size:9px;
}

.md_login .liensInscription a:hover {
	text-decoration:underline;
}

.md_login .saisie1 {
	position:absolute;top:45px;left:23px;
	text-decoration:none;
	color:#269A8F;
	width:201px;height:15px;
	padding-left:4px;
	font-size:9px;
	border:1px solid #7F9DB9;
}
.md_login .saisie2 {
	text-decoration:none;
	color:#269A8F;
	width:201px;height:15px;
	position:absolute;top:65px;left:23px;
	padding-left:4px;
	font-size:9px;
	border:1px solid #7F9DB9;
}


.md_login .ok {
	background-image: url(b_ok.gif);
	position:absolute;
	top:85px;
	left:160px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	padding-left:2px;
	color:#317B5C;
}	


.md_login_ok {
	background-image: url(b_ok.gif);
	position:absolute;
	top:97px;
	left:178px;
	width:39px;
	text-align: center;
	font-family:trebuchet-ms, arial, verdana;
	font-size:10px;
	text-decoration:none;
	text-transform:uppercase;
	padding-top: 3px;
	height: 17px;
}

.md_login_ok a {
	text-decoration:none;
	color:#317B5C;

}
.md_login_ok a:hover {
	color:#3E4C55;
}

/*Pour le titre dans le pluging*/
.md_login .csc-firstHeader{
	font-family:trebuchet-ms,arial,verdana;
	font-size:11px;
	font-weight:bold;
	color:#FFFFFF;
	text-transform:uppercase;
	padding-top: 25px;
	padding-left: 23px;
	width:253px;
}

.md_login .titre {
	font-family:trebuchet-ms,arial,verdana;
	font-size:11px;
	font-weight:bold;
	color:#FFFFFF;
	text-transform:uppercase;
	padding-top: 25px;
	padding-left: 23px;
	width:253px;
}

.md_login_vide {
	position:relative;top:25px;left:0px;
	background:#FFFFFF url(veterinary_vide.jpg) no-repeat;
	width:253px;height:185px;
}

.md_login_vide .liens {
	position:absolute;top:107px;left:23px;
	font-family:Arial, Helvetica, sans-serif;
	line-height:11px;
	color:#FFFFFF;
}
.md_login_vide .liens1 {
	position:absolute;top:107px;left:23px;
	font-family:Arial, Helvetica, sans-serif;
	line-height:11px;
	color:#FFFFFF;
}

.md_login .liens1 {
	position:absolute;top:127px;left:23px;
	font-family:Arial, Helvetica, sans-serif;
	line-height:18px;
	/*margin-top:10px;*/
	color:#FFFFFF;
}

.md_login.liens1 a {
	color:#FFFFFF;
	text-decoration:none;
	font-size:9px;
}

.md_login .liens1 a:hover {
	text-decoration:underline;
}

.md_login_vide .liens1 a {
	color:#FFFFFF;
	text-decoration:none;
	font-size:9px;
}

.md_login_vide .liens1 a:hover {
	text-decoration:underline;
}

.md_login_vide .select1 {
	text-decoration:none;
	color:#269A8F;
	width:208px;height:20px;
	position:absolute;top:30px;left:23px;
	padding-left:4px;
	font-size:9px;
	border:1px solid #7F9DB9;
}

.md_login_vide .select2 {
	text-decoration:none;
	color:#269A8F;
	width:208px;height:20px;
	position:absolute;top:55px;left:23px;
	padding-left:4px;
	font-size:9px;
	border:1px solid #7F9DB9;
}

.md_login_vide .saisie3 {
	text-decoration:none;
	color:#269A8F;
	width:201px;height:15px;
	position:absolute;left:23px; top:80px;
	padding-left:4px;
	font-size:9px;
	border:1px solid #7F9DB9;
}

.md_login_button2 {
	position:absolute;top:105px;left:191px;
	width:39px;height:20px;
}

.md_login_button {
	position:absolute;top:97px;left:191px;
	width:39px;height:20px;
}
/*

 * Modification du : jeudi 1er mars 2007
 * Auteur : Amandine 
 * Ajout des classes .forgotPassword, menu_right_veterinary_button3, .forgot_sent
 * style rajouté pour donner un style lors d'un mot de passe oublié
 * forgot_sent : message qui s'affiche après la validation de l'envoie de l'email 
 */
.md_login .forgotPassword {
	text-decoration:underline;
	color:#FFF;
	width:206px;height:18px;
	position:absolute;top:53px;left:23px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:9px;
}

.md_login .button3 {
	background-image: url(login_ok.gif);
	position:absolute;
	height:19px;
	left:125px;
	top:98px;
	width:98px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	padding-left:2px;
	color:#317B5C;
}

.md_login .forgot_sent {
	text-decoration:none;
	color:#FFF;
	width:206px;height:18px;
	position:absolute;top:53px;left:23px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
}
/*
 *	Modification du 9 mars 2007 par Amandine
 *	Mise en place du css pour le formulaire de connexion. 
 */ 
.tx-srfeuserregister-pi1{	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	text-align:justify;
	color:#554D3E;
	vertical-align: top;
	}
	
.tx-newloginbox-pi1 td{	font-family:Arial, Helvetica, sans-serif;font-size:11px;padding-left:23px;color:#FFF;} 
.tx-srfeuserregister-pi1 dt {	width:30%;	text-align:left;color:#4E9678;}
.tx-srfeuserregister-pi1 h4 {	width:30%;	text-align:left;color:#4E9678;}
.tx-srfeuserregister-pi1 p { font-family:Verdana, sans-serif; font-size:9px; line-height:11px; color:#4E9678; margin-top:8px; margin-bottom:0px; padding-top:0px; padding-bottom:0px; padding-right:3px; padding-left:0px; text-indent:0px; }
.tx-srfeuserregister-pi1 a {margin:0px;	padding:0px;font-size:9px;	position:absolute;top:117px;left:23px;font-family:Arial, Helvetica, sans-serif;line-height:18px;color:#FFFFFF;background-image: none;}
.tx-srfeuserregister-pi1 a:visited {background-color:transparent;color:#FFF;text-decoration:none;}
.tx-srfeuserregister-pi1 a:hover {text-decoration:underline;}
.tx-srfeuserregister-pi1 a:active { }
.tx-srfeuserregister-pi1 td { vertical-align:top;font-family:Verdana, sans-serif; font-size:12px; line-height:125%; color:#35006d; margin-top:8px; margin-bottom:0px; padding-top:0px; padding-bottom:0px; padding-right:3px; padding-left:3px; text-indent:0px;}
.tx-srfeuserregister-pi1 td.tx-srfeuserregister-pi1-frame { padding-right:0px; padding-left:0px; }
.tx-srfeuserregister-pi1-trash a {position:relative;color:#4E9678;top:10px;left:0px;font-family:Arial, Helvetica, sans-serif;font-size:11px;}
.tx-srfeuserregister-pi1-trash a:visited {color:#000;}
.tx-srfeuserregister-pi1-password{font-size:10px;color:#317B5C;border:1px solid #7F9DB9;}
.tx-srfeuserregister-pi1-password-again{width:30%;	text-align:left;color:#4E9678;}
.tx-srfeuserregister-pi1-text{font-size:10px;color:#317B5C;border:1px solid #7F9DB9;}
.tx-srfeuserregister-pi1-submit{
	background-image: url(login_grand_ok.gif);
	position:relative;
	height:19px;
	width:110px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	padding-left:2px;
	color:#317B5C;
	}

/*TRAIT BLANC DE SEPARATION  */
.md_separateur {
	clear:both;
	font-size:1px;
	background-color:#FFFFFF;
	height:2px;
}

/*RECHERCHE AVANCEE */
/*affichage des règles*/
.md_recherche_avancee {
	background-image: url(b_degrad.gif);
	background-repeat: repeat-y;
	line-height: 15px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align:justify;
	color:#000000;
	vertical-align: top;
	width:400px;
	padding-left: 23px;
	padding-top: 23px;
}

.md_recherche_avancee  a {
	color:#317B5C;
	font-size:12px;
}

.md_recherche_avancee  a:hover {
	color:#3E4C55;
	font-size:12px;
}

.md_recherche_avancee .saisie1 {
	color:#3E4C55;
	width:200px;height:15px;
	padding-left:4px;
	font-size:9px;
	border:1px solid #7F9DB9;
}

.md_recherche_avancee .saisie2 {
	color:#3E4C55;
	width:100px;height:15px;
	padding-left:4px;
	font-size:9px;
	border:1px solid #7F9DB9;
}
.md_recherche_avancee .saisie3 {
	color:#3E4C55;
	width:50px;height:15px;
	padding-left:4px;
	font-size:9px;
	border:1px solid #7F9DB9;
}

.md_recherche_avancee .titre{
	font-family:trebuchet-ms, arial, verdana;
	font-size:11px;
	font-weight:bold;
	color:#4E9678;
	text-transform:uppercase;
	padding-top: 0px;
}

.md_recherche_avancee .ok {
	background-image: url(b_ok.gif);
	width:60px;
	height:25px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	padding-left:2px;
	color:#317B5C;
}

/*titre des règles*/
.md_recherche_avancee .regle{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#697278;
}



/*affichage du résultat de la recherche*/
.tx-indexedsearch-whatis{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#4E9678;
}
.tx-indexedsearch-noresults{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#4E9678;
}
.tx-indexedsearch-browsebox{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
}
.percent {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}
.result-number{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;

}


/*	************************************************************ */
/*	************* AJOUT pour la recherche avancée ************** */
.tx-indexedsearch-selectbox-type {font-family:trebuchet-ms, arial, verdana;border:1px solid #7F9DB9;}
.tx-indexedsearch-selectbox-defop{font-family:trebuchet-ms, arial, verdana;border:1px solid #7F9DB9;}
.tx-indexedsearch-selectbox-media{font-family:trebuchet-ms, arial, verdana;border:1px solid ##7F9DB9;}
.tx-indexedsearch-selectbox-lang{font-family:trebuchet-ms, arial, verdana;border:1px solid #7F9DB9;}
.tx-indexedsearch-selectbox-sections{font-family:trebuchet-ms, arial, verdana;border:1px solid #7F9DB9;}
.tx-indexedsearch-selectbox-freeIndexUid{font-family:trebuchet-ms, arial, verdana;border:1px solid #7F9DB9;}
.tx-indexedsearch-selectbox-ordertx-indexedsearch-selectbox-order{font-family:trebuchet-ms, arial, verdana;border:1px solid #7F9DB9;}
.tx-indexedsearch-selectbox-desc{font-family:trebuchet-ms, arial, verdana;border:1px solid #7F9DB9;}
.tx-indexedsearch-selectbox-results{font-family:trebuchet-ms, arial, verdana;border:1px solid #7F9DB9;}
.tx-indexedsearch-selectbox-group{font-family:trebuchet-ms, arial, verdana;border:1px solid #7F9DB9;}


.tx-indexedsearch{	
font-family:trebuchet-ms, arial, verdana;
	font-size:11px;
	color:#4E9678;
	}
.tx-indexedsearch-descr{
	color:#3E4C55;
}

.tx-indexedsearch-rules .regle{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#3E4C55;
}

.tx-indexedsearch-rules p{
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#3E4C55;
}

.b_text .saisie {
	text-decoration:none;
	color:#3E4C55;
	width:201px;height:15px;
	padding-left:4px;
	font-size:9px;
	border:1px solid #7F9DB9;
}
.tx-indexedsearch-search-submit .ok{
	background-image: url(b_ok.gif);
	height: 19px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#317B5C;
}
/*RECHERCHE  */
.md_recherche {
	position:relative;
	background-image: url(md_gris_haut.gif);
	background-repeat:no-repeat;
	background-color:#D7D7D7;
	top:0px;
	left:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	text-align:justify;
	color:#697278;
	height: 110px;
	padding-left: 23px;
}

.md_recherche a {
	color:#317B5C;
}

.md_recherche a:hover {
	color:#3E4C55;
}

.md_recherche_saisie {
	position:absolute;left:23px;
	top:40px;
	text-decoration:none;
	color:#269A8F;
	width:201px;height:15px;
	padding-left:4px;
	font-size:9px;
	border:1px solid #7F9DB9;
}


.md_recherche_ok {
	background-color: #E0E0E0;
	position:absolute;
	top:68px;
	left:178px;
	width:39px;
	text-align: center;
	font-family:trebuchet-ms, arial, verdana;
	font-size:10px;
	text-decoration:none;
	text-transform:uppercase;
	padding-top: 3px;
	height: 17px;
}

.md_recherche_ok a {
	text-decoration:none;
	color:#317B5C;

}
.md_recherche_ok a:hover {
	color:#317B5C;
}

.recherche_ok {
	position:absolute;
	top:60px;
	left:160px;
	padding-left: 2px;
}

.tx-indexedsearch-search-submit .recherche_ok{
	background-image: url(b_ok.gif);
	height: 20px;
	font-family:trebuchet-ms, arial, verdana;
	font-size:10px;
	text-decoration:none;
	color:#317B5C;
}
/*pour le titre*/
.md_recherche h1{
	font-family:trebuchet-ms, arial, verdana;
	font-size:11px;
	font-weight:bold;
	color:#4E9678;
	text-transform:uppercase;
	padding-top: 25px;
}
/*pour le titre*/
.md_recherche .titre{
	font-family:trebuchet-ms, arial, verdana;
	font-size:11px;
	font-weight:bold;
	color:#4E9678;
	text-transform:uppercase;
	padding-top: 25px;

}
/*pour les informations*/
.md_recherche .info {
	position:absolute;
	top:75px;
	left:23px;
}
/*pour le lien pour la recherche avancée*/
.md_recherche .liens {
	top:70px;
	text-decoration:none;
	left:75;
}

.md_recherche .ok {
	background-image: url(b_ok.gif);
	position:absolute;
	top:65px;
	left:175px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	padding-left:2px;
	color:#317B5C;
}


.md_recherche .ok a {
	color:#317B5C;
	text-decoration:none;

}
.md_recherche .ok a:hover {
	color:#3E4C55;
}

.md_recherche .saisie {
	text-decoration:none;
	color:#3E4C55;
	width:201px;height:15px;
	position:absolute;top:45px;left:23px;
	padding-left:4px;
	font-size:9px;
	border:1px solid #7F9DB9;
}

.tx-indexedsearch-form .saisie1 {
	position:absolute;top:40px;left:23px;
	text-decoration:none;
	color:#269A8F;
	width:201px;height:15px;
	padding-left:4px;
	font-size:9px;
	border:1px solid #7F9DB9;
}


/*EMPLOI */

.md_emploi {
	position:relative;
	background:#D7D7D7;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height: 13px;
	text-align:justify;
	color:#3E4C55;
	width:206px;
	padding-right: 24px;
	padding-bottom: 10px;
	padding-left: 23px;
	vertical-align:top;
}

.md_tout_emploi {
	position:relative;
	background:#D7D7D7;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
		font-weight:bold;
	line-height: 13px;
	text-align:justify;
	color:#3E4C55;
	width:206px;
	padding-right: 24px;
	padding-bottom: 10px;
	padding-left: 23px;
	vertical-align:top;
}

.md_tout_emploi a {
	color:#317B5C;
}
	
.md_tout_emploi a:hover {
	color:#3E4C55;
}

.md_emploi_texte {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	color:#4E9678;
	text-transform:uppercase;
	padding-top: 25px;
	padding-bottom: 10px;
}
.md_emploi_info {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:normal;
	height: 15px;
}
.md_emploi_info a {
	color:#317B5C;
}
.md_emploi_info a:hover {
	color:#3E4C55;
}
.md_emploi .csc-firstHeader{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	color:#4E9678;
	text-transform:uppercase;
	padding-top: 25px;
}

.md_emploi td {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:normal;
	color:#3E4C55;
}
.md_emploi .liens {
	color:#317B5C;
}
.md_emploi .liens a {
	color:#317B5C;
}
.md_emploi .liens a:hover {
	color:#3E4C55;
}

.page_text .jo_position{
	color:#20B577;
	font-family:Helvetica,futura;
	font-size:15px;
	font-weight:bold;
	text-transform:uppercase;
}
/*Titre pour l'envoie de mail*/
.tx-cljoboffers-pi1{
	font-family: Helvetica, futura;
	font-size:15px;
	font-weight:bold;
	color:#4E9678;
}

.tx-cljoboffers-pi1 tbody{
	font-family: Helvetica, futura;
	font-size:11px;
	color:#3E4C55;
}

.tx-cljoboffers-pi1 .texte{
	font-family: Helvetica, futura;
	font-size:11px;
	color:#4E9678;
}

.tx-cljoboffers-pi1 span{
	color:#FF0000;
}
.tx-cljoboffers-pi1 h3{
	font-family: Helvetica, futura;
	font-size:11px;
	color:#3E4C55;
	font-weight:normal;	
}

.tx-cljoboffers-pi1 .saisie {
	color:#3E4C55;
	width:200px;height:15px;
	padding-left:4px;
	font-size:10px;
	border:1px solid #7F9DB9;
}

.tx-cljoboffers-pi1 .saisie_interest {
	font-family: Helvetica, futura;
	color:#3E4C55;
	font-size:11px;
	padding-left:4px;
	border:1px solid #7F9DB9;
}

.tx-cljoboffers-pi1 .checkbox {
	border:1px solid #7F9DB9;
}

.tx-cljoboffers-pi1 .singleView-HCell{
	font-family: Helvetica, futura;
	color:#3E4C55;
	font-size:11px;
	background:#4E9678;
}

.tx-cljoboffers-pi1 .ok {
	background-image: url(b_ok.gif);
	position:absolute;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	padding-left:2px;
	color:#317B5C;
}

.tx-cljoboffers-pi1 .cv {
	border:1px solid #7F9DB9; 
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#3E4C55;
	text-decoration: none; 
}


.tx-cljoboffers-pi1 .texteinfo{
	font-family: Helvetica, futura;
	font-size:10px;
	color:#3E4C55;
	font-weight:none;	
}


/*ACTUALITES */

.md_actualite{
	position:relative;
	background:#D7D7D7;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height: 13px;
	text-align:justify;
	color:#3E4C55;
	width:206px;
	padding-right: 24px;
	padding-bottom: 10px;
	padding-left: 23px;
	vertical-align:top;
	display:none;
}
.md_actualite a {
	color:#317B5C;
}
.md_actualite a:hover {
	color:#3E4C55;
}
.md_actualite .lien {
	color:#3E4C55;
}
.md_actualite .lien:hover {
	color:#317B5C;
}
.md_actualite .titre {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	color:#3E4C55;
	padding-left:21px;
	background-color: #D7D7D7;
	background-image: url(md_v.gif);
	background-repeat: no-repeat;
	background-position: left top;
	width:206px;
}
.md_actualite .date {
	font-family:Arial, Helvetica, sans-serif;
	font-size:9px;
	font-weight:bold;
	color:#697278;
}
.md_actualite .texte {
	font-family:trebuchet-ms, arial, verdana;
	font-size:11px;
	font-weight:bold;
	color:#4E9678;
	text-transform:uppercase;
	padding-top: 25px;
	padding-bottom: 10px;
}

/*Pour les boutons IMPRIMER et RECOMMANDER */
.md_bouton {
	position:relative;
	width:206px;
	padding-right: 24px;
	padding-left: 23px;
	padding-top: 8px;
	padding-bottom: 7px;
	background-color: #D7D7D7;
	background-image: url(md_menu.gif);
}

.md_bouton a {
	color:#697278;
	text-decoration:none;
}
.md_bouton a:hover {
	color:#317B5C;
}

/*	Ajout pour l'extension tip a fiend 	*/
.md_bouton .text {
	font-weight: bold;
	font-variant: normal;
	text-transform: uppercase;
	font-size:11px;
	color:#697278;
	width:206px;
}

/*	********************************************************	*/
/*	*************MENU EN TYPOSCRIPT  ********************	*/
/*	Classe permettant de formater le menu de gauche en typoScripte 	*/


/*	formatage du fond du menu*/
div.menuFonce{
	width:249px;
	height:23px;
	background:#7891A3 url(mg_menu_fonc.gif) no-repeat top left;
	float:left;
	clear:both;
	font-family:trebuchet-ms,arial,verdana;font-size:11px;font-weight:bold;color:#FFFFFF;text-transform:uppercase;text-align:left;text-decoration:none;
}
div.menuFonce div.lumiere {
	margin:6px 0 0 53px;
	clear:right;
	height:17px;
	width:196px;
	font-family:trebuchet-ms,arial,verdana;font-size:11px;font-weight:bold;color:#FFFFFF;text-transform:uppercase;text-align:left;text-decoration:none;
}
div.menuFonce div.lumiere a,
div.menuFonce div.lumiere a:link,
div.menuFonce div.lumiere a:visited{font-family:trebuchet-ms,arial,verdana;font-size:10px;font-weight:bold;color:#FFFFFF;text-transform:uppercase;text-align:left;text-decoration:none;}
div.menuFonce div.lumiere a:hover{font-family:trebuchet-ms,arial,verdana;font-size:10px;font-weight:bold;color:#9FC8B7;text-transform:uppercase;text-align:left;text-decoration:none;}
div.menuFonce div.lumiere a:active{font-family:trebuchet-ms,arial,verdana;font-size:10px;font-weight:bold;color:#FFFFFF;text-transform:uppercase;text-align:left;text-decoration:none;}

div.menuClair{
	width:249px;
	height:23px;
	background:#7891A3 url(mg_menu_clair.gif) no-repeat top left;
	float:left;
	clear:both;
	font-family:trebuchet-ms,arial,verdana;font-size:10px;font-weight:bold;color:#FFFFFF;text-transform:uppercase;text-align:left;text-decoration:none;
}
div.menuClair div.lumiere {
	margin:6px 0 0 53px;
	clear:right;
	height:17px;
	width:196px;
	font-family:trebuchet-ms,arial,verdana;font-size:10px;font-weight:bold;color:#FFFFFF;text-transform:uppercase;text-align:left;text-decoration:none;
}
div.menuClair div.lumiere a,
div.menuClair div.lumiere a:link,
div.menuClair div.lumiere a:visited{font-family:trebuchet-ms,arial,verdana;font-size:10px;font-weight:bold;color:#FFFFFF;text-transform:uppercase;text-align:left;text-decoration:none;}
div.menuClair div.lumiere a:hover{font-family:trebuchet-ms,arial,verdana;font-size:10px;font-weight:bold;color:#9FC8B7;text-transform:uppercase;text-align:left;text-decoration:none;}
div.menuClair div.lumiere a:active{font-family:trebuchet-ms,arial,verdana;font-size:10px;font-weight:bold;color:#FFFFFF;text-transform:uppercase;text-align:left;text-decoration:none;}



/*	formatage des typos du menu*/
.mg_menu_cadre {
	background:url(mg_cadre_fond.gif) top left repeat-y;
	text-align:left;
	width:249px;
}

.mg_sous_menu {
	background:url(mg_cadre_ligne.gif) bottom left no-repeat;
	position:relative;top:0px;left:0px;padding-top:2px;
	width:249px;height:17px; padding-left:11px;
}
.mg_sous_menu a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:9px;color:#FFFFFF;text-decoration:none;
}
.mg_sous_menu   a:hover {
	font-family:Arial, Helvetica, sans-serif;
	font-size:9px;color:#C1D1DD;
}

.mg_sous_menu_select{
	background:url(mg_cadre_ligne.gif) bottom left no-repeat;
	position:relative;top:0px;left:0px;padding-top:2px;
	width:249px;height:17px; padding-left:11px;
}
.mg_sous_menu_select a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:9px;color:#C1D1DD;text-decoration:none;
}
.mg_sous_menu_select a:hover {
	font-family:Arial, Helvetica, sans-serif;
	font-size:9px;color:#C1D1DD;
}
/*fin Ajout formatage menu TypoScript*/



/*	*****************Template page*********************	*/
/*	*************POUR LA PAGE INTERNE ********************	*/
/*Pied de page */
.page_pied_page {
	position:absolue;
	bottom:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:9px;
	color:#7891A3;
	width: 400px;
	padding-left: 23px;
}

.page_pied_page a {
	color:#7891A3;
	text-decoration:none;
}

.page_pied_page a:hover {
	text-decoration:underline;
}


/*structure du texte en général */
.page_text {
	padding-left: 23px;
	padding-right: 23px;
	padding-top: 23px;
}

.page_text a {
	color:#317B5C;
}

.page_text a:hover {
	color:#3E4C55;
}

/*structure du titre du texte **/
.page_text .titre {
	font-family: Helvetica, futura;
	font-size:15px;
	font-weight:bold;
	color:#20B577;
}

.sep10px {
    height:10px;
    font-size:1px;
}

.colonneG{
	border-right:1px solid;
	border-right-color:#D7D7D7;
	clear:left;
	float:left;
	width:66%;
	padding-right: 23px;
}

.colonneD {
    clear:right;
    float:right;
    /*padding-left: 23px;*/
    width:29%;    
}
.listeContact select {
    color:#3E4C55;
    font-family:Arial,Helvetica,sans-serif;
    font-size:11px;
    left:0px;
    line-height:15px;
    position:relative;
    text-align:justify;
    top:0px;
}
/*****************************ALA PIMENTIC 15 MAI***********************************/

/***********************************************************************************/
/*********************************PLAN DU SITE *************************************/
/***********************************************************************************/
.text_window {
	position:relative;top:0px;left:0px;
	width:100%;
	line-height: 15px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	text-align:justify;
	color:#3E4C55;
}

.text_window a {
	color:#317B5C;
}

.text_window a:hover {
	color:#3E4C55;
}

.text_window .title {
	font-family: Helvetica, futura;
	font-size:15px;
	font-weight:bold;
	color:#20B577;
}
/***********************************************************************************/
/************************************* FIN PLAN DU SITE ****************************/
/***********************************************************************************/


table.contact {
  color:#3E4C55;
  font-family:Arial,Helvetica,sans-serif;
  font-size:11px;
  line-height:15px;
  text-align:justify;
}

span.champObligatoire {
  color:#FF0000;
  font-weight: bold;
}
/***********************************FIN ALA PIMENTIC 15 MAI*************************/

/*****************************ALA PIMENTIC 22 MAI***********************************/
/***********************************************************************************/
/*************************PERSONNALISATION STYLE FORMULAIRE*************************/
/* Classe css permettant de styler les formulaires que l on cree a partir du            
                generateur de formulaire de base dans typo3.                       */
/***********************************************************************************/

.csc-mailform {
    border: none;
}

.csc-mailform-field label {
    clear:left;
    float:left;
    margin-top:10px;    
    width:30%;
}

.csc-mailform-field select, input, textarea {
    margin-top:10px;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 11px;
    line-height : 15px; 
}

.csc-mailform-radio fieldset {
    border:none;
}

/***********************************FIN ALA PIMENTIC 22 MAI*************************/