/******************************************/
/*   CSS pour le site college			*/
/*   auteur : Fabien Romanens			*/
/******************************************/


hr {color:#CCCCCC; height:1px;}

h2{text-decoration:underline}

html{
	font-size: 100%;				/* Pour résoudre un bug d'affichage d'IE */
	font-family: Tahoma, Verdana, sans-serif;
	background-color: #F2F2F2;		/* couleur de fond pour toute la page */
}

body{
	margin: 10px;			 		/* marge haut/bas à 10px pas de marge droite/gauche */
	padding: 0;						/* padding à 0 pour le navigateur Opera qui définit des padding par défaut pour le body */
	text-align: center;				/* pour centrer le div#conteneur avec IE */
}

div#conteneur{						/* Contient toute la page sauf 10px de marge haut/bas */
	font-size: 0.9em;				/* taille de texte de référence pour toute la page */
	width: 1000px;					/* largeur pour afichage en 1024, à remplacer par "min-width:780px" pour un affichage fluide correct en 800x600 */
	margin: 0 auto;					/* centrage du contenu du div#conteneur */
	text-align: left;				/* Rétabli l'alignement modifié dans body */
}

div.spacer{							/* div vide */
	clear : both;
}

/*** Tous les liens du site en bordeaux non souligné sauf si hover ***/
div#conteneur a{text-decoration: none; color : #b53b34;}
div#conteneur a:hover{text-decoration: underline;}

/*** HEADER ***/
div#entete_header{
	background: url(../images/header/bdn_fond.gif) top right no-repeat;	/* image de fond (bandeau rouge) fixée à droite */
	height: 100px ;
	margin-right: 15px;
	margin-bottom: 5px;
}

/*** IMAGES CLIQUABLES DU HEADER ***/
div#boutons_entete{
	margin-top: -39px ;
	margin-left: 350px ;
}
div#boutons_entete a{
	display: block ;				/* on passe en display block pour pouvoir donner une taille */
	width: 42px;
	height: 34px;
	float: left;					/* pour mettre tous les boutons sur la meme ligne */
}
/* Images de fond des images cliquables du bandeau d'entete */
a#bouton_lamap{background: url(../images/header/bouton_lamap_off.gif);}
a#bouton_lamap:hover {background: url(../images/header/bouton_lamap_on.gif);}
a#bouton_aide{background: url(../images/header/bouton_aide_off.gif);}
a#bouton_aide:hover {background: url(../images/header/bouton_aide_on.gif);}
a#bouton_faq{background: url(../images/header/bouton_faq_off.gif);}
a#bouton_faq:hover {background: url(../images/header/bouton_faq_on.gif);}
a#bouton_contact{background: url(../images/header/bouton_contact_off.gif);}
a#bouton_contact:hover {background: url(../images/header/bouton_contact_on.gif);}
a#bouton_plan{background: url(../images/header/bouton_plan_off.gif);}
a#bouton_plan:hover {background: url(../images/header/bouton_plan_on.gif);}


/*** FORMULAIRE RECHERCHE ***/
div#formulaire_recherche{
	float: right ;
	font-size: 0.75em ;
	margin-top: -35px ;
	margin-right: 10px;
	color: white ;
}
div#formulaire_recherche a{
	color: white ;
	text-decoration: none;
}
div#formulaire_recherche a:hover{
	text-decoration: underline;
}
#search_select{
	font-size: 0.9em;
}

/*** MENU DE GAUCHE ***/
div#gauche {
	float: left;
	width: 174px;
	margin-right: 10px;
	background: #F2F2F2;
}
div.titre_menu_gauche{
	color: #FFFFFF;
	background: url(../images/fond_espace_membre.jpg) top no-repeat;
	padding-left: 10px;
	height:22px;
	font-weight: normal;
}
/* Login */
.titre_login{
	height:21px;
	width:170px;
	background: url(../images/fond_boite_login_haut.jpg) bottom right no-repeat;
	color:#FFFFFF;
	}
.titre_login span{
padding-left:10px;
font-size:13px;
line-height:14px;
}

.footer_login{background: url(../images/fond_boite_login_bas.jpg) top right no-repeat;height:5px;width:170px}

div#conteneur_login{
	margin:0px 0px 15px 0px;
	font-size:0px;
	line-height:0px;	
}
div#login{
	font-size: 10px;
	line-height:14px;
	padding: 0px 10px 0 5px;
	margin:0px;
	background: url(../images/fond_boite_login_centre.jpg) repeat-y left top ;
}
div#login form{padding:0px;margin:0px;}


div#login_if_logged{
	text-align: center;
	}

/* Menu de navigation */
div#menu_nav_gauche a{
	color: white;
}
div#menu_nav_gauche a:hover{
	color: #fdca00;
	text-decoration:none;
}
a.lien_rubrique_menu_gauche{
	display: block;
	height: 28px;
	width: 152px;   /* 170 px de large moins le pading */
	margin: 2px 0px 0px 0px;
	padding-left : 20px;
	background-image: url(../images/fond_menu_left.jpg);
	font-weight: normal;
	line-height:17px;
	font-size:13px;
	}

a.lien_rubrique_admin_menu_gauche {
	display: block;
	height: 28px;
	width: 152px;
	margin: 2px 0px 0px 0px;
	padding-left : 20px;
	color: white;
	background: url(../images/fond_menu_admin_left.jpg) no-repeat;
	font-weight: normal;
	line-height:17px;
	font-size:13px;
}
div#nav_gauche_sous_menu{
	font-size: 0.8em;
	width: 168px;		/* 170 moins les 2 pixels de border */
	border : 1px solid #b53b34;
	margin-top: -5px; /* Pour faire coller le sous menu au menu */
	padding: 0px;
	background-color: white;
}
div#nav_gauche_sous_menu ul{
	list-style-image:url(../images/puce_bdn_gauche.gif);
	color: #b53b34;
	margin-left: -20px;
}
div#nav_gauche_sous_menu li{
	padding-bottom: 5px;
}
div#nav_gauche_sous_menu a{
	color: #b53b34;
}

/*** MENU DE DROITE ***/
div#droite {
	float: right;
	width: 180px;
	margin-left: 5px;
	margin-top: -19px;
}

div.titre_droite{
	font-weight : bold;
	font-size:0.9em;
	background: url(../images/droite_fond_tableau.gif) right no-repeat;
	height: 18px;
	padding-top: 18px;
	padding-right:20px;
	text-align: right;
}
div#outils{
	margin-bottom: 10px; 
}
div.outil_lien{
	background: white;
	width: 153px;
	height: 40px;
	padding: 0 5px;
	border : solid 1px #C9C0BC;
	border-top : none;
	font-size:0.75em;
}
div.outil_lien  img{
	float : right;
	margin-top: 5px;
}
div#infos{
}
div#infos_contenu{
	background: white;
	padding: 5px;
	font-size: 0.75em;
	width: 153px;
	border: 1px solid #C9C0BC;
	border-top: none;
}
img.home_partner_logo{
	display: block;
	margin-left: auto;
	margin-right: auto;
	max-width:140px;
	}
	
/*** CONTENU CENTRAL ***/
div#centre{
	background: white;
	border: 1px solid #B7373E;
	overflow: hidden;		/* Pour ne pas déborder sur les flottants gauche et droite */
}
div#centre_fiches{	/* Pour les fiches connaissance d'E. Guyon */
	background: lightgrey;
	border: 1px solid black;
	overflow: hidden;
}

div#centre_home{ 
	overflow: hidden;		
}

.post_it_header{background: url(../images/fond_post_it_haut.jpg) left no-repeat;height:22px;width:326px;}
.post_it_header h1{
	padding:0px 0px 0px 5px;
	margin:0px;
	line-height:20px;
	font-size: 13px;
	color:#FFFFFF;
	font-family:"Trebuchet MS",Arial,Helvetica,sans-serif;
}
.post_it_milieu{background: url(../images/fond_post_it_centre.jpg) left top repeat-y;width:325px;}
.post_it_milieu p{padding:10px 17px 10px 7px;margin:0px;}
.post_it_footer{background: url(../images/fond_post_it_bas.jpg) left top no-repeat;height:21px;width:325px;}

div#edito_home{
	border: 0px solid #B7373E;
	margin-bottom:0px;
	font-size: 0.9em;
	text-align: justify;
	padding: 0px;
	width:326px;
	height:auto;
	overflow: hidden;	
}

div#texte_home {
	background: #f3e4e4;
	border: 0px solid #B7373E;
	font-size: 0.9em;
	color:#a10000;
	width:295px;
 	/*height:670px;*/
 	 }
 
 div#texte_home a{text-decoration:underline;color:#B53B34;}
 div#texte_home a:hover{text-decoration:none}
 
.image_home {
	text-align:center;
	width:295px;
}
 
div#texte_home img{
	padding:0px;
	margin:0px;
	width:auto;
}
div#texte_home h1{
	font-weight: normal;
	color:#000000;
	font-size: 1.2em;
	padding : 0 5px;
	margin:0px;
	font-family:"Trebuchet MS",Arial,Helvetica,sans-serif;
	
}
div#texte_home p{
	text-align: justify;
	padding : 10px 10px 0px 10px;
	margin:0px;
}

.liste_message{padding:5px 0px 5px 5px; margin:0px 15px 0px 5px;border-bottom:1px dotted #999999;}

div#last_messages{
	border: 0px solid #B7373E;
	text-align: justify;
	font-size: 0.75em;
	padding: 0px;
	margin-top:10px;
}

.button_savoir_plus {background: url(../images/fond_bouton_savoir_plus.jpg) no-repeat; width:83px;height:26px;
cursor:pointer;text-align:center;line-height:15px;float:right;margin:5px 10px 0px 0px;}
div#conteneur .button_savoir_plus a{color:#343434;text-decoration:none;}
div#conteneur #texte_home .button_savoir_plus {background: url(../images/fond_bouton_savoir_plus_hom.jpg) no-repeat; width:80px;height:24px;
cursor:pointer;text-align:center;line-height:15px;float:right;margin:5px 10px 0px 0px;}
div#conteneur #texte_home .button_savoir_plus a{color:#343434;text-decoration:none;font-size:11px;}
#edito_home .button_savoir_plus a{color:#343434;text-decoration:none;font-size:11px;}
div#conteneur .button_savoir_plus a:hover{color:#B7373E;}
div#conteneur #texte_home .button_savoir_plus a:hover{color:#B7373E;}

.clear_float_button{clear:both;padding:0px;margin:0px;font-size:0px;}


div#last_questions{
	border: 0px solid #B7373E;
	text-align: justify;
	font-size: 0.75em;
	padding: 0px;
	margin-top:10px;
}

div#centre_ariane{
	background: url(../images/fond_archi.gif) right;
	font-size: 0.75em;
	color : white;
	margin:0;
	padding-right: 10px;
	padding-left: 5px;
	padding-bottom: 1px;
	float: left;
}
div#centre_ariane a{
	color: white;
}

/* Entete : Titre de la page + chapeau du texte */
div#entete{
	margin: 25px 0;
	padding: 0 10px;
}
div#entete h1{
	background-color:#B7373E;
	color: white;
	font-size: 1.1em;
	font-weight: bold;
	min-height: 20px;
	padding: 0 20px;
	overflow: hidden;		/* Pour ne pas déborder sur les flottants gauche et droite */
}
div#entete p{
	text-align: justify;
}
img#titre_picto{
	float: left;
	height: 20px;
}
div#titre_droite{
	float: right;
	height: 20px;
	width:2px;
	background-image:url(../images/titrePageDroite.gif);
}

/* Contenu page : toute la page sauf son titre et introduction */

#sous_titre_page {
	border-bottom-style: solid;
	border-color: #B7373E;
	border-width: 3px;	
	padding-bottom: 5px;
	font-weight: bold;
	color : #B7373E;
	margin-bottom: 15px;
	float: left;
	width: 575px;
	margin-right: 0px;
	margin-top : 20px;
	vertical-align: top;	
	font-size: 14px;
}

div#contenu_page{
	font-size: 0.9em;
	padding: 0 10px;
	text-align: justify;
}

img.centered {
   display: block;
   margin-left: auto;
   margin-right: auto }

/*contenu pour le detail des collèges */
#contenu_page_gauche2 {
	padding-right: 15px;
	float: left;
	width: 220px;
}
#contenu_page_droite2 {
	float: right;
	width: 350px;
	text-align: left;
	border-left:1px;
	border-left-color:#b7373e;
	border-left-style:solid;
	padding-left:10px;
	padding-top:10px;
}
/*fin contenu collège/*

/* Plan du site */
div.plan_site{
	border: 1px solid #B7373E;
	width: 75%;
	margin-left: auto;
	margin-right: auto;
	margin-bottom : 15px;
}
div.plan_site h1{
	margin: 0;
	margin-bottom:-1px;
	padding: 2px 10px;
	background: #FBF4F4;
	border-bottom: 1px solid #B7373E;
	font-size: 1.2em;
}
div.plan_site ul{
	margin: 5px;
}
div.plan_site li{
	font-size:1.1em;
	margin-bottom: 2px;
}
/* fin plan du site */


/* Liste des pages filles dans template acceuil.html */ 
ul.chapitre{
	list-style-image: url(../images/puce_chapitre.gif);
}
ul.chapitre li{
	font-weight: bold;
}

/* début footer */
div#footer {
	/* clear: both; */
	margin-top: 10px;
	background:url(../images/fond_footer.jpg) repeat-x;
	font-size : 0.7em;
	overflow: hidden;
	padding : 1px 5px;
	height:30px;
}
div#footer_gauche {
	float:left;
	color: white;
}
div#footer_gauche  a{
	color: white;
}
div#footer_droite {
	float: right;
	margin-right: 0px;
	color: white;
}
div#footer_realisation {
	float:left;
	color: white;
	margin-top:5px;
}
div#footer_realisation  a{
	color: white;
}
/* fin footer */



/***** REPRISE ANCIEN STYLE *****/
.onglets {
	margin-bottom:10px;
	margin-top:	10px;
	border-bottom-style: solid;
	border-color: #b7373e;
	border-width: 1px;
	float:left;
	width:100%;
}
.onglets a {
	color:#FFFFFF;
}
.onglets img {
	margin-right: 3px;
}
.onglet_inactif {
padding-left:10px;
padding-right:10px;
background-color:#FFFFFF;
color:#b7373e;
font-weight:bold;
border-width:1px;
border-bottom-width:0;
border-style: solid;
border-color:#b7373e;
font-size:11px;
padding-top:4px;
padding-bottom:2px;
margin-right:2px;
float:left;
}
.onglet_inactif_legende {
padding-left:10px;
padding-right:10px;
background-color:#FFFFFF;
color:#000;
border-width:1px;
border-bottom-width:0;
border-style: solid;
border-color:#b7373e;
font-size:11px;
padding-top:4px;
padding-bottom:2px;
float:right;
}
.onglet_actif {
padding-left:10px;
padding-right:10px;
background-color:#e2afb2;
color:#FFFFFF;
font-weight:bold;
font-size:11px;
border-width:1px;
border-style: solid;
border-color:#b7373e;
border-bottom-width:0;
float:left;
padding-top:4px;
padding-bottom:2px;
margin-right:2px;
}
.onglet_actif a {
color:#FFFFFF;
text-decoration:underline;
}

/* questions admin */
.legendes {
	margin-bottom:	10px;
	margin-top:	10px;
	padding:10px;
	border-style: solid;
	border-color: #b7373e;
	border-width: 1px;
	float:left;
	width:590px;
}
.legendes_content {
	margin-right:	10px;
	float:left;
	font-size: 12px;

}
.legendes_content img {
	margin-right:	10px;
	float:left;

}
.status0 {
background-image:url(../images/admin_questions_01waiting.gif);
background-repeat:no-repeat;
display:block;
width:15px;
height:15px;
float:left;
margin-right:1px;
}
.status1 {
background-image:url(../images/admin_questions_02pending.gif);
background-repeat:no-repeat;
display:block;
width:15px;
height:15px;
float:left;
margin-right:1px;
}
.status2 {
background-image:url(../images/admin_questions_03validated.gif);
background-repeat:no-repeat;
display:block;
width:15px;
height:15px;
float:left;
margin-right:1px;
}
.status3 {
background-image:url(../images/admin_questions_04online.gif);
background-repeat:no-repeat;
display:block;
width:15px;
height:15px;
float:left;
margin-right:1px;
}
.status4 {
background-image:url(../images/admin_questions_04offline.gif);
background-repeat:no-repeat;
display:block;
width:15px;
height:15px;
float:left;
margin-right:1px;
}
.questionsreponses {
	margin-top:10px;
	border-bottom-style: solid;
	border-color: #b7373e;
	border-width: 1px;
	padding-bottom:5px;
	padding-top:5px;
	font-size:1.1em;
	font-weight:bold;
}
.pages {
	margin-top:10px;
	margin-bottom:	5px;
	border-bottom-style: solid;
	border-color: #b7373e;
	border-width: 1px;
	width:568px;
	padding-bottom:5px;
	padding-top:5px;
	font-size:1em;
}

/* fin questions admin */

/* Formstyle input */
.formstyle_input {
	border: 1px solid #333333;
	margin-bottom: 2px;
	padding: 2px;
	vertical-align: top;
	font-size: 10px;
	font-weight : bold;
	background-color: #F8F8F8;
}
.formstyle_input2 {
	border: 1px solid #b53b34;
	margin-bottom: 2px;
	margin-top: 1px;
	padding: 2px;
	vertical-align: top;
	font-size: 11px;
	background-color: #F8F8F8;
}
.formstyle_input3 {
	border: 0px;
	vertical-align: top;
	font-size: 11px;
	height: 20px;
	width:38px;
	background: url(../images/bouton_ok.gif) no-repeat;
	color: #FFFFFF;
	font-weight: bold;
	cursor: pointer;
}
.formstyle_input4 {
	border: 1px solid #67B148;
	margin-left: 1px;
	margin-bottom: 2px;
	margin-top: 1px;
	font-size: 11px;
	background-color: #b7373e;
	color: #FFFFFF;
	font-weight: bold;
	display: block;
	width: 24px;
	height: 18px;
}
.formstyle_input5 {
	border: 1px solid #333333;
	margin-left: 1px;
	margin-bottom: 2px;
	margin-top: 1px;
	font-size: 11px;
	background-color: #FDC72F;
	color: #333333;
	font-weight: bold;
	display: block;
	height: 18px;
	cursor: pointer;
}
.formstyle_input5_bis {
	border: 1px solid #333333;
	margin-left: 1px;
	margin-bottom: 2px;
	margin-top: 1px;
	font-size: 11px;
	background-color: #b7373e;
	color: #FFFFFF;
	font-weight: bold;
	display: block;
	height: 18px;
	cursor: pointer;
}
.formstyle_input6 {
	border: 1px solid #333333;
	margin-left: 1px;
	margin-bottom: 2px;
	margin-top: 1px;
	font-size: 11px;
	background-color: #FDC72F;
	color: #333333;
	font-weight: bold;
	display: block;
	height: 18px;
	cursor: pointer;
	width:140px;
	float:left;
}
.formstyle_input7 {
	border: 1px solid #333333;
	margin-left: 1px;
	margin-bottom: 2px;
	margin-top: 1px;
	font-size: 11px;
	background-color: #e7373e;
	color: #FFFFFF;
	font-weight: bold;
	display: block;
	height: 18px;
	cursor: pointer;
	width:140px;
	float:right;
}
.formstyle_input8 {
	border: 1px solid #333333;
	margin-left: 1px;
	margin-bottom: 2px;
	margin-top: 1px;
	font-size: 11px;
	background-color: #c7373e;
	color: #FFFFFF;
	font-weight: bold;
	display: block;
	height: 18px;
	cursor: pointer;
	width:140px;
}
.formstyle_input9 {
	border: 1px solid #333333;
	margin-left: 1px;
	margin-bottom: 2px;
	margin-top: 1px;
	font-size: 11px;
	background-color: #b7373e;
	color: #FFFFFF;
	font-weight: bold;
	display: block;
	height: 18px;
	cursor: pointer;
	width:140px;
	float:right;
}
.formstyle_input5_right {
	border: 1px solid #333333;
	margin-left: 1px;
	margin-bottom: 2px;
	font-size: 11px;
	background-color: #FDC72F;
	color: #333333;
	font-weight: bold;
	display: block;
	height: 20px;
	cursor: pointer;
	float:right;
}
.formstyle_input_del {
	border: 1px solid #333333;
	margin-left: 5px;
	margin-bottom: 2px;
	margin-top: 1px;
	padding: 0px;
	font-size: 0.8em;
	background-color: #ea1d26;
	color: #FFFFFF;
	font-weight: bold;
	display: inline;
	cursor: pointer;
}
.formstyle_input_send {
	border: 1px solid #333333;
	margin-left: 5px;
	margin-bottom: 2px;
	margin-top: 1px;
	font-size: 10px;
	background-color: #FDC72F;
	color: #000000;
	font-weight: bold;
	display: inline;
	height: 15px;
	cursor: pointer;
}
.formstyle_input_upd {
	border: 1px solid #333333;
	margin-left: 1px;
	margin-bottom: 2px;
	margin-top: 1px;
	padding: 0px;
	font-size: 0.8em;
	background-color: #b7373e;
	color: #FFFFFF;
	font-weight: bold;
	display: inline;
	cursor: pointer;
}
.formstyle_button_green {
	border: 1px solid #333333;
	margin-left: 1px;
	margin-bottom: 2px;
	margin-top: 1px;
	font-size: 10px;
	background-color: #b7373e;
	color: #FFFFFF;
	font-weight: bold;
	display: inline;
	height: 17px;
	cursor: pointer;
}
/* fin formstyle */

/* Tableaux*/
table{
	background-color: #f2f2f3;
	empty-cells: show;
	border-collapse:collapse;
}


.line0 {	background-color: #E2AFB2; text-align:center;}
.line1 {	background-color: #FBF4F4;}
.line2 {	background-color: #fff;}
.line2 p{margin: 3px 0;}
.line3 {	background-color: #E2AFB2;}
table.center {border-collapse:collapse; font-size:0.85em;}	/*classe des tableaux d'admin */
table.center td {border:1px solid #000000; padding: 3px; text-align : center;}
table.left td {border:1px solid #000000; padding: 3px; text-align : left;}


th{		/* Première ligne des tables */
	background-color: #b7373e;
	padding: 5px;
	font-weight: bold;
	color: #ffffff;
	text-align: center;
	border-width: 1px;
	border-style: solid;
	border-color: #000000;
}
/* Fin tableaux */

#contenu_page_droite{
	text-align:right;
}
#contenu_page_droite img{
border-width: 0px;
border-style: none;
border-color: -moz-use-text-color;
}

/*** Intro : des div pour la mise en forme des infos Auteur, Titre, Date... dans le détail des évènements ***/
.intro {
	width: 468px;
	float: left;
	font-size: 0.85em;
}
.intro_gauche_1 {
	float: left;
	width: 140px;
	font-size: 1em;
}
.intro_droite_1 {
	float: right;
	width: 310px;
	border-left-style: solid;
	border-color: #b7373e;
	border-width: 1px;
	padding-left: 10px;
	padding-bottom: 5px;
	font-size: 1em;
}
.intro_gauche_2 {
	float: left;
	width: 120px;
	font-size: 1em;
}
.intro_droite_2 {
	float: right;
	width: 330px;
	border-left-style: solid;
	border-color: #b7373e;
	border-width: 1px;
	padding-left: 10px;
	padding-top: 4px;
}
.intro_droite_2 img {
	padding-right: 1px;
}
/*** fin Intro : des div pour la mise en forme des infos Auteur, Titre, Date... dans le détail des évènements ***/

/*** Decoupage_form : styles des formulaires ***/
.titre_form {
	font-size: 1.1em;
	border-bottom-style: solid;
	border-color: #b7373e;
	border-width: 1px;
	color: #b7373e;
	font-weight: bold;
	margin-bottom: 10px;
}
.decoupage_form {

}
.decoupage_form_gauche {
	float: left;
	width: 160px;
	font-size: 0.85em;
	padding : 5px 0;
}
.decoupage_form_droite {
	float: right;
	width: 430px;
	border-left-style: solid;
	border-color: #b7373e;
	border-width: 1px;
	padding : 5px;
	top: auto;
}
/*** fin decoupage_form  ***/

/* popup plus d'infos */
#popup_plusinfo {
	width:450px;
	margin-top: 10px;
	margin-left: 10px;
	padding: 10px;
	border-style: solid;
	border-color: #b7373e;
	border-width: 1px;
	background-color: #FFFFFF;
	float: left;
}
#popup_plusinfo img{
	margin-top: 10px;
	margin-left: 10px;
	padding: 10px;
	float: left;
}
#popup_plusinfo h1{
	border-bottom-style: solid;
	border-color: #b7373e;
	border-width: 1px;	
	padding-bottom: 5px;
	font-weight: bold;
	margin-bottom: 15px;
	float: right;
	width: 360px;
	margin-right: 0px;
	vertical-align: top;
	font-size: 1.2em;
}
#popup_contactuser{
	width:650px;
	margin-top: 10px;
	margin-left: 10px;
	padding: 10px;
	border-style: solid;
	border-color: #b7373e;
	border-width: 1px;
	background-color: #FFFFFF;
	float: left;
}
#popup_contactuser h1{
	border-bottom-style: solid;
	border-color: #b7373e;
	border-width: 1px;	
	padding-bottom: 5px;
	font-weight: bold;
	margin-bottom: 15px;
	float: left;
	margin-right: 0px;
	vertical-align: top;
	font-size: 1.2em;
}
#popup_introduction {
	width: 360px;
	float: right;
}
.popup_intro {
	width: 360px;
	float: left;
}
.popup_intro_gauche_1 {
	float: left;
	width: 100px;
}
.popup_intro_droite_1 {
	float: right;
	width: 240px;
	border-left-style: solid;
	border-color: #b7373e;
	border-width: 1px;
	padding-left: 10px;
	padding-bottom: 5px;
}
/* fin popup plus d'infos */

/*modification pour le popup contact de plus d'info*/
#popup_titre_page_contact {
	border-bottom-style: solid;
	border-color: #b7373e;
	border-width: 1px;	
	padding-bottom: 5px;
	font-weight: bold;
	margin-bottom: 15px;
	float: right;
	width: 430px;
	margin-right: 0px;
	vertical-align: top;	
}
#popup_div_central_contact {
	width:780px;
	margin-top: 10px;
	margin-left: 10px;
	padding: 10px;
	border-style: solid;
	border-color: #b7373e;
	border-width: 1px;
	background-color: #FFFFFF;
	float: left;
}
/* fin popup contact plus d'infos */

/* page questions réponses */
.decoupage_questrep {
	float: left;
}
.decoupage_questrep_gauche {
	float: left;
	width: 110px;
	padding-bottom:5px;
}
.decoupage_questrep_droite {
	float: right;
	width: 460px;
	padding-bottom:5px;
	padding-left:10px;
	border-left: 1px solid #B7373E;
}
/*  fin page questions réponses */

/*Style pour le calendrier javascript dans les formulaires*/
.ds_box {
	background-color: #FFF;
	border: 1px solid #000;
	position: absolute;
	z-index: 32767;
	width:50px
}
.ds_tbl {
	background-color: #FFF;
	width:50px
}
.ds_head {
	background-color: #b7373e;
	color: #FFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	text-align: center;
	letter-spacing: 1px;
}
.ds_subhead {
	background-color: #CCC;
	color: #000;
	font-size: 9px;
	font-weight: bold;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	width: 5px;
}
.ds_cell {
	background-color: #EEE;
	color: #000;
	font-size: 10px;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	padding: 5px;
	cursor: pointer;
}
.ds_cell:hover {
	background-color: #F3F3F3;
} /* This hover code won't work for IE */
/*fin du style du calendrier */

/*style pour l'activité des workspaces*/
.cadre_activity{
	border:1px solid #000000;
	width:90%;
	height:3px; 
}
.backcolor{
	float:left;
	height:3px;
	background-color:red;
}
/*fin style activity workspaces*/

/*galerie d'image*/
.serierowthumb{
	text-align: center;
}
.serierowthumb div{
	font-size:0.85em;
	margin-left:5px;
	margin-right:5px;
	padding-bottom:5px;
	border:1px solid #D7D7D7;
	border-top:0px;
	background:#F1F6E5;
	width:134px;
}
.serierowthumb a {
	display: block;
	height: 82px;
	padding: 8px;
	margin: 6px;
	margin-bottom:0px;
	border: 1px solid #D7D7D7;
	border-bottom:0px;
	background: #E0E0E0;
}
.serierowthumb a:hover {
	background: #EEEEEE;
}
.serierowthumb img {
	width:118px;
    height:80px;
}
.detailpicture div{
	font-size:0.9em;
	margin-left:0px;
	margin-right:0px;
	padding-bottom:5px;
	border:1px solid #D7D7D7;
	border-top:0px;
	background:#E0E0E0;
}
/* fin galerie */

/* partenaires */
.cadre_partenaires {
	float : left;
	border-style: solid;
	border-color: #b7373e;
	border-width: 1px;
	padding: 10px;
	background-image: url(../images/fond_partenaires_haut.gif);
	width : 580px;
}
.partenaires_gauche {
	width: 320px;
	float: left;
	text-align: center;	
}
.partenaires_gauche img {
	border: 0px;
}
.partenaires_droite {
	float: right;
	width: 245px;
	text-align: left;
}
/* fin partenaires */

/* Popup workspace: fichiers */
div#popup_fichiers{
	background: white;
	padding: 10px;
	border: 1px solid #b7373e
}
div#conteneur_popup{
	font-size: 0.9em;
	width: 700px;
	text-align: left;				/* Rétabli l'alignement modifié dans body */
}
div#conteneur_popup a{text-decoration: none; color : #b53b34;}
div#conteneur_popup a:hover{text-decoration: underline;}

/* Fin Popup workspace: fichiers */