body
{
	font-family : verdana,arial,helvetica,sans-serif;
	font-size : 12px;
	background-image:url(../images/design/background.gif);	 
	background-repeat:repeat-x;
	background-color:#12181f;
	margin:0px;
}

img, div
{
	margin:0px;
	padding:0px;
	border:none;
	border-collapse:collapse;
}

a
{
	color:#11277a;		
	text-decoration:none;
}

a:hover
{
	text-decoration:underline;
}

h1
{
	color:#022393;
	margin:5px 0px 5px 0px;
	padding:0px 0px 2px 5px;
	font-size:12px;
	font-weight:bold;
	text-transform:uppercase;		
}

li
{
	list-style-type: square;
}

.lien_haut
{
	font-size:10px;
	text-align:right;
}

.lien_haut a
{
	padding-right: 10px;
	background-image : url(../images/fleche_bleu_haut.gif);
	background-repeat : no-repeat;
	background-position : center right;
}

#colonne-centre h1, #colonne-centre-index h1
{
	border-bottom:2px solid #ffb219;
}

#colonne-centre h1.bleu
{
	margin-top:10px;
	border-bottom:2px solid #6eb4e6;
}

#colonne-droite p
{
	padding:3px 0px 5px 5px;
	margin:0px;
}

#colonne-centre p, #colonne-centre-index p
{
	padding:3px 0px 5px 5px;
	margin:0px;
}

#contenu-centre-inner {
	
}

#colonne-centre p, #colonne-centre ul, #colonne-centre ol, #colonne-centre table {
	/*margin-top : 1em;
	margin-bottom : 1em;*/
}

#colonne-droite-texte
{
	border-left:1px solid #cccdce;
	margin-bottom : 1em;
}

#colonne-droite-texte p
{
	font-size:10px;
	border-bottom:1px solid #cccdce;
}

h2
{
	color:#022393;
	margin:0px;
	padding:7px 0px 0px 5px;
	font-size:10px;
	font-weight:bold;
}

#colonne-centre h2 
{
	color:#000000;
	margin-top:5px;
	padding:0px 0px 0px 5px;
	font-size:12px;
}

#colonne-droite h1
{
	border-bottom:2px solid #6eb4e6;
}

#global {
	width:780px;
	margin-left:auto;
	margin-right:auto;
	position:relative;
}

#entete-slogant {
	position:absolute;
	left:0px;
	top:0px;
	width:432px;
	height:86px;
}

#entete-menu-haut {
	position:absolute;
	left:432px;
	top:0px;
	width:348px;
	height:49px;
}

#entete-communiques {
	position:absolute;
	left:432px;
	top:49px;
	width:69px;
	height:37px;
}

#entete-c2m {
	position:absolute;
	left:501px;
	top:49px;
	width:12px;
	height:37px;
}

#entete-membres {
	position:absolute;
	left:513px;
	top:49px;
	width:49px;
	height:37px;
}

#entete-m2p {
	position:absolute;
	left:562px;
	top:49px;
	width:8px;
	height:37px;
}

#entete-plan {
	position:absolute;
	left:570px;
	top:49px;
	width:65px;
	height:37px;
}

#entete-p2c {
	position:absolute;
	left:635px;
	top:49px;
	width:11px;
	height:37px;
}

#entete-contact {
	position:absolute;
	left:646px;
	top:49px;
	width:44px;
	height:37px;
}

#entete-menu-droit {
	position:absolute;
	left:690px;
	top:49px;
	width:90px;
	height:37px;
}

#entete-logo {
	position:absolute;
	left:0px;
	top:86px;
	width:780px;
	height:141px;
}

#menu-gauche {
	position:absolute;
	left:0px;
	top:227px;
	width:21px;
	height:56px;
}

#menu-accueil {
	position:absolute;
	left:21px;
	top:227px;
	width:81px;
	height:56px;
}

#menu-membres {
	position:absolute;
	left:102px;
	top:227px;
	width:79px;
	height:56px;
}

#menu-calendrier {
	position:absolute;
	left:181px;
	top:227px;
	width:80px;
	height:56px;
}

#menu-medias {
	position:absolute;
	left:261px;
	top:227px;
	width:80px;
	height:56px;
}

#menu-liens {
	position:absolute;
	left:341px;
	top:227px;
	width:80px;
	height:56px;
}

#menu-emplois {
	position:absolute;
	left:421px;
	top:227px;
	width:80px;
	height:56px;
}

#menu-contact {
	position:absolute;
	left:501px;
	top:227px;
	width:80px;
	height:56px;
}

#menu-droit {
	position:absolute;
	left:581px;
	top:227px;
	width:199px;
	height:56px;

	background-image : url(/images/design/menu_droit.jpg);
	background-position : -80px 0px;
}

#menu2contenu {
	position:absolute;
	left:0px;
	top:283px;
	width:780px;
	height:9px; 
}

#contenu {
	position:absolute;
	left:0px;
	top:291px;
	width:780px;
	background-color:#FFFFFF;
	background-image:url(../images/design/menu_background.gif);
	background-repeat: repeat-y;
}

#colonne-gauche {
	float:left;
	clear:left;
	width:226px;
}

#colonne-centre {
	float:left;
	width:539px;
	padding: 5px 5px 20px 5px ;	
	overflow-x:hidden;
}

#colonne-centre-index {
	float:left;
	width:313px;
	padding:5px;	
}

#colonne-droite {
	float:left;
	clear:right;
	width:226px; /* 226 */		
	padding:5px;
	padding-right:0px;
}


#colonne-gauche h3, #colonne-droite h3 {
	width:194px;	
	margin:0px;
	padding:12px 2px 12px 30px;
	color:#FFFFFF;
	font-size:13px;
	text-transform:uppercase;
	vertical-align:text-bottom;
	background-color:#999a9e;
	background-image:url(../images/design/contenu_entete.gif);
	background-repeat: repeat-y;
}

#colonne-gauche p
{
	padding:2px 5px 2px 30px;
	font-size: 10px;
}

#colonne-gauche .titre-asurveiller
{
	font-variant: small-caps;
	font-size: 12px;
	font-weight: bold;
}

#piedpage {
	clear:both;
	width:760px; /* 780 */
	height:56px; /* 66	*/
	padding:10px 10px 0px 10px;
	background-image:url(../images/design/piedpage.jpg);
	background-repeat: no-repeat;
}
#piedpage #copyright
{
	margin-top: 17px;
	font-size: 10px;
}

#piedpage #copyright a
{
	color: black;
	text-transform: none;
}

#piedpage p
{
	margin: 3px 5px 10px 20px;
}

#piedpage a
{
	color:#022393;
	font-size:11px;
	font-weight:bold;
	text-decoration:none;
	text-transform:uppercase;
}

#piedpage a:hover
{
	color:#0580df;
}

#legende-couleur
{
	font-size : smaller;
	float: left;
	margin-bottom: 25px;
}

#legende-couleur p
{
	margin-bottom: 5px;
}

#legende-couleur ul
{
	margin-top: 0px;	
}

#legende-couleur li
{
	list-style-type : none;
	width : 230px;
	display : block;
	float: left;
	margin:2px;
}

.CarreCouleur
{
	float:left;
	width: 10px;
	height: 10px;
	border: 1px solid black;
}

p.petit-texte
{
	font-size:10px;
	margin:5px 0px 0px 0px;
}

#colonne-centre div.petit-texte p
{
	font-size:10px;
	margin:0px 0px 3px 20px;
}

.elem-calendrier 
{
	font-size: 11px;
	float: left;
	width: 538px;
	margin-bottom: 20px;
}

.elem-calendrier .texte 
{
	display: block;
	margin-left: 15px;
	margin-right: 35px;
}

.elem-calendrier h4
{
	text-align: center;
	border: 1px solid black;
	font-size: 12px;
	color: white;
	padding: 5px 5px 5px 5px;
	margin: 0px 0px 0px 0px;
}

.planSection a, .planPage a, .planSousPage a
{
	background-image : url(../images/fleche_bleue.gif);
	background-repeat : no-repeat;
	background-position : center left;
	padding-left: 10px;
}

.planSousPage
{
	text-indent: 15px;
}

img.photo
{	
	padding:0px;
	margin:5px;
}

div.listes
{
	margin-bottom:25px;
}

.clear {
	height : 1px;
	clear : both;
	overflow : hidden;
}