/* CSS Document */
/* ==============================================
   FEUILLE DE STYLES DES GABARITS HTML/CSS
   © Elephorm & Alsacreations.com
   Conditions d'utilisation:
   http://creativecommons.org/licenses/by/2.0/fr/
   ============================================== */


/* --- STYLES DE BASE POUR LE TEXTE ET LES PRINCIPAUX ÉLÉMENTS --- */

/* Page */
html {
	font-size: 100%; /* Voir -> Note 1 à la fin de la feuille de styles. */
}
body {
	margin: 0; /* Note -> 2 */
	font-family: Verdana, "Bitstream Vera Sans", "Lucida Grande", sans-serif; /* 3 */
	font-size: 14px; /* -> 4 */
	line-height: 1.25; /* -> 5 */
	color: #FFF;
	background: white;
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 40px;
}

/* Titres */
h1, h2, h3, h4, h5, h6 {
	margin: 1em 0 .5em 0; /* -> 6 */
}
h1, h2 {
	font-family: Georgia, "Bitstream Vera Serif", Norasi, serif;
	font-weight: normal; /* -> 7 */
}
h1 {
	font-size: 3em; /* -> 8 */
	font-style: italic;
}
h2 {font-size: 1.8em;}
h3 {font-size: 1.2em;}
h4 {font-size: 1em;}

/* Listes */
ul, ol {
	margin: .75em 0 .75em 24px;
	padding: 0; /* -> 9 */
}
ul {
	list-style: square;
}
li {
	margin: 0;
	padding: 0;
}

/* Paragraphes */
p {
	margin: .75em 0;
}
li p, blockquote p {
	margin: .5em 0;
}

/* Citations */
blockquote, q {
	font-size: 1.1em;
	font-style: italic;
	font-family: Georgia, "Bitstream Vera Serif", Norasi, serif;
}
blockquote {
	margin: .75em 0 .75em 24px;
}
cite {
	font-style: italic;
}

/* Liens */
a {
	color: mediumblue;
	text-decoration: underline;
}
a:hover, a:focus {
	color: crimson;
}
a img {
	border: none; /* -> 10 */
}

/* Divers éléments de type en-ligne */
em {
	font-style: italic;
}
strong {
	font-weight: bold;
	color: dimgray;
}


/* --- STYLES POUR CERTAINS CONTENUS DES GABARITS --- */

pre, code {
	font-size: 100%;
	font-family: "Bitstream Vera Mono", "Lucida Console", "Courier New", monospace;
}
pre {
	width: 90%;
	overflow: auto;
	overflow-y: hidden;
	margin: .75em 0;
	padding: 12px;
	background: #eee;
	color: #555;
}
pre strong {
	font-weight: normal;
	color: black;
}
#copyright {
	margin: 20px 0 5px 0;
	text-align: right;
	font-size: .8em;
	color: #848F63;
}
#copyright a {
	color: #848F63;
	text-decoration: none;
}
#copyright a:hover, #copyright a:focus {
	text-decoration: underline;
}


/* --- Boites ----*/
.Colonne_gauche
{
	left: 0px;
	top: 0px;
	width: 33%;
	height: 500px;
	float: left;
	color: #FFFFFF;
	background-color: #FFFFFF;
	margin-left: -15px;
}
.Colonne_milieu
{
	left: 0px;
	top: 0px;
	width: 33%
	height: 500px;
	float: left;
	background-color: #FFFFFF;
}

.Colonne_droite
{
	left: 30px;
	top: 0px;
	width: 34%
	height: 500px;
	float: left;
	background-color: #FFFFFF;
		}
.boxnews
{
	background-color: #DFDFDF;
	height: 90px;
	width: 330px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9pt;
	font-weight: normal;
	color: #000066;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 5px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	border-left-color: #FFFFFF;
}
/*===========================*/
.titreB
{
margin-top:3px
width: 95%;
	background-color: #FFFFCC;
	font-family: Arial, Helvetica, sans-serif;
	color: #000099;
	font-size:9pt;
	font-weight:bold;
	padding:5px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-top-style: none;
	border-right-style: outset;
	border-bottom-style: outset;
	border-left-style: none;
	border-top-color: #00CCFF;
	margin-left: 5px;
	border-bottom-color: #00CCFF;
}
.paragraphC {
	font: 8pt verdana;
	color: #0000CC;
	border-left-color: #0000CC;
	border-left-style: solid;
	border-left-width: 1px;
	padding-left: 10px;
	margin-left: 30px;
}
	#cleardiv
{
clear: both;
}
#footer
{
	background-color: #F0F0F0;
	height: 50px;
	width: 100%;
}
.contenu_page {
	background-color: #FFFFFF;
	width: 90%;
	height: auto;
	border: 1px solid #333333;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight: normal;
	color: #000066;
	text-align: justify;
	display: block;
	padding-left: 5%;
	padding-right: 5%;
}
.contenu_page_faq_1 {
	width:95%;
	border: 1px solid #333333;
	display: block;
	padding: 5px;
	background-image: url(images/verre.jpg);
	background-repeat: no-repeat;
	background-position: right center;
}
.contenu_page_faq_2 {
	width:95%;
	border: 1px solid #333333;
	display: block;
	padding: 5px;
	background-image: url(images/locaux.jpg);
	background-repeat: no-repeat;
	background-position: right center;
}

.contenu_page_grp {
	width:95%;
	border: 1px solid #333333;
	background-image: url(images/salle_reunion.jpg);
	background-repeat: no-repeat;
	background-position: center center;
}

.ColGauche_GRP {
	display: block;
	width:55%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight: normal;
	color: #000000;
	text-align: left;
	padding: 3px;
	border: 1pt solid #000000;
	float: left;
	margin-left: 30px;
	background-color: #FFFFFF;
}
.Coldroite_GRP {
	display: block;
	width:40%;
	float: right;
}

.ColGauche_GCARTE {
	display: block;
	width:55%;
	float: left;
	background-color: #FFFFFF;
}
.Coldroite_GCARTE {
	display: block;
	width:40%;
	float: right;
}
.ColGauche_44 {
	width:40%;
	float: left;
	background-color: #FFFFFF;
}
.Coldroite_44 {
	width:50%;
	float: right;
	background-color: #FFFFFF;
}
.contenu_droit {
    width:90%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9pt;
	font-weight: normal;
	color: #000000;
	padding: 3px;
	border: 1pt solid #000000;
}
.contenu_droit_44 {
	width:90%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8.5pt;
	font-weight: normal;
	color: #000000;
	background-color: #E9E9E9;
	text-align: justify;
	display: block;
	padding: 6px;
}

.fiche_groupe {
	display: block;
	float: left;
	width:24%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight: normal;
	color: #000000;
	height: 112px;
	padding: 1px;
	background-color: #FFFFCC;
	border: 1px solid #333333;
}
#question a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight: normal;
	color: #003;
	line-height: 14pt;
	text-decoration: none;
}
#question  a:hover {
	color:#FFFF00;
	text-decoration:none;
}
#question a:visited {text-decoration:none;} 
/* Groupes */
#dept a {
	font-family: "Gill Sans MT";
	font-size: 10pt;
	font-weight: bold;
	color: #990000;
	line-height: 14pt;
	text-decoration: none;
	background-image: url(images/Puce_1.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	display: block;
	text-indent: 25px;
}
#dept  a:hover {
	color:#FF3300;
	text-decoration:none;
}
#dept a:visited {text-decoration:none;} 

#ville a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9pt;
	font-weight: bold;
	color: #000066;
	line-height: 12pt;
	text-decoration: none;
	background-image: url(images/Puce_2.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	display: block;
	text-indent: 20px;
}
#ville  a:hover {
	color:#FF0000;
	text-decoration:none;
}
#ville a:visited {
text-decoration:none;
} 
#groupe a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 7.5pt;
	font-weight: normal;
	color: #666666;
	line-height: 8pt;
	text-decoration: none;
}
#groupe  a:hover {
	color:#FF0000;
	text-decoration:none;
}
#groupe a:visited {text-decoration:none;} 

.nom_groupe {
	color:#000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9pt;
	font-weight: normal;
	background-color: #FFFFFF;
	border: 1px solid #FFFFFF;
	cursor:help;
}
.texte1
{
    color:#990000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9pt;
}
.texte_ouvert
{
	color:#000066;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight: normal;
}
.ad_reu 
{
	color:#000066;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight: normal;
	margin-top: 2px;
	margin-left: 5px;
	background-color: #FFFF99;
	display: block;
	padding: 2px;
	border: 1px solid #000000;
	width: 80%;
}
.ad_cour
{
	color:#000066;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight: normal;
	margin-top: 2px;
	margin-left: 5px;
	background-color: #E6E6E6;
	display: block;
	padding: 2px;
	width: 80%;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
.mentions
{
	color:#000066;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight: normal;
	background-color: #E6E6E6;
	display: block;
	width: 600px;
	height: 240px;
}
.boutonM{
	font-size: 8pt;
	width:60px;
	height:20px;
	text-decoration:none;
	color:#000000;
	text-align:center;
	font-weight:bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-image: url(images/bouton1.jpg);
	background-repeat: no-repeat;
	background-position: center center;
}
.boutonQUI{
	font-size: 8pt;
	width:150px;
	height:34px;
	text-decoration:none;
	color:#FFFFF;
	text-align:center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-image: url(images/btlesAA.jpg);
	background-repeat: no-repeat;
	background-position: center center;
}
.TitreRegion {
	color:#000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: bold;
	background-color: #FFFFCC;
	padding: 5px;
	border: 1px solid #333333;
}
.TitreDept {
	color:#000099;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9pt;
	font-weight: bold;
	background-color: #FFCC99;
	padding: 5px;
	border: 1px solid #333333;
}
.TitreVille {
	color:#003300;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight: bold;
	background-color: #F8C456;
	text-indent: 10px;
}

.TexteRouge {
	font-size: 8pt;
	color: #FF0000;
	font-weight: bold;
}
.bouton_44QR {
	font-size: 8pt;
	color: #990000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: #FF9900;
	float: left;
}
.titreMois {
	font-size: 9pt;
	color: #990000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: #FF9900;
	}
.titre_rep  {
	font-size: 9pt;
	color: #990000;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	background-color: #FFFF99;
	font-weight: bold;
}	
.box_page 
 {
	font-size: 8pt;
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: #FFFFCC;
	font-weight: normal;
	padding: 5px;
	width: 90%;
	text-align: justify;
}	
/* CSS   BOITES COINS */
.conteneur-arrondi{
	padding:0;
	/*width:47%; determine la largeur de la boite contenue */
	width:auto;
	float:left;
	margin:1%;
	background-color: #FFFF99;
}

.un      {
    margin:0 4px;
    height:1px;
    background-color:#BFBFBF;
    overflow:hidden;/*necssaire pour IE */
    border:1px solid #BFBFBF;
    border-top:0;border-bottom:0;}

.deux {
    margin:0 3px;
    height:1px;
    overflow:hidden;/*necssaire pour IE */
    border:1px solid #BFBFBF;
    border-top:0;border-bottom:0;}

.trois{
    margin:0 2px;
    height:2px;
    overflow:hidden;/*necssaire pour IE */
    border:1px solid #BFBFBF;
    border-top:0;border-bottom:0;}

.quatre {
    margin:0 1px;
    height:2px;overflow:hidden;/*necssaire pour IE */
    border:1px solid #BFBFBF;
    border-top:0;border-bottom:0;}
	
.centrearrondi {
    border:1px solid #BFBFBF;
    border-top:0;border-bottom:0;
    margin:0 1px;
    padding:0 2em;
   /* min-height:150px; avec eventuellement une hauteur mini */
    height:auto;
    
}
/* Box marron */
.conteneur-arrondi1{
	padding:0;
	/*width:47%; determine la largeur de la boite contenue */
	width:auto;
	float:left;
	margin:1%;
}
.centrearrondi1 {
	border:1px solid #BFBFBF;
	border-top:0;
	border-bottom:0;
	margin:0 1px;
	padding:0 2em;
	/* min-height:150px; avec eventuellement une hauteur mini */
    height:auto;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: bold;
	color: #FFFF00;
	background-color: #990000;
	}
/*-Nouvelles des groupes */		
.titrenouvgrp {
	FONT-WEIGHT: normal;
	FONT-SIZE: 8pt;
	MARGIN-LEFT: 2px;
	COLOR: #990000;
	padding-left: 3px;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	width: auto;
	border: 1px solid #000099;
	background-color: #FFCC99;
}
.contnouvgrp
{
	margin-left:10px;
	background-color: #FFF8BF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000099;
	font-size:7.5pt;
	padding:3px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
.titregrpferme {
	FONT-WEIGHT: normal;
	FONT-SIZE: 8pt;
	MARGIN-LEFT: 2px;
	COLOR: #000099;
	padding-left: 3px;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	width: auto;
	border: 1px solid #FFFF00;
	background-color: #FDEC8E;
}
.titregrnouv {
	FONT-WEIGHT: normal;
	FONT-SIZE: 8pt;
	MARGIN-LEFT: 2px;
	COLOR: #000099;
	padding-left: 3px;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	width: auto;
	border: 1px solid #FFFF00;
	background-color: #AEFFAE;
}