/*------------------------------------------------------*
  *-----------------------------------     CSS BODY     ----*
  *------------------------------------------------------*/


body {
	border:0;
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-image: url(../images/bg.gif);
	background-repeat: repeat-x;
	background-color: #ECECEC;
}


/* hack FF pour envlever pointillés autour des liens */

a {
	outline: none;
}

:focus {
	-moz-outline-style: none;
}

/* fin de hack */

	

	
/*------------------------------------------------------*
  *-----------------------------------     CSS GABARITS PRINCIPAUX     ----*
  *------------------------------------------------------*/

  
#global{
	width: 827px;
	margin-left:auto;
	margin-right:auto;
}



#bandeau{
	width: 827px;
	height:115px;
	color: #A18E87;
	font-size: 9px;
	}

#logo{
	float:left;
	width: 459px; /* 696-237*/
	height:40px; /* 87-47*/
	padding-left: 237px;
	padding-top: 47px;
	background-image: url(../images/logo.png);
	background-repeat: no-repeat;
	}

#logo-home{
	float:left;
	width: 459px; /* 696-237*/
	height:40px; /* 87-47*/
	padding-left: 237px;
	padding-top: 47px;
	background-image: url(../images/logo-home.png);
	background-repeat: no-repeat;

	}
	
#mentions{
	float:left;
	width: 131px;
	height:86px; /* 87-1*/
	padding-top: 1px;

	}

#menu{
	float:left;
	width: 748px; /* 827-79*/
	height:25px; /* 28-3*/
	padding-top: 3px;
	padding-left: 79px;
	font-size: 13px;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: 0.05em;
	}
	

#bandeau #menu a{
	color: #A18E87;
	text-decoration: none;
	}

#bandeau #menu a:hover{

	color: #039AB1;
	}
	
#bandeau a{
	color: #A18E87;
	text-decoration: underline;
	}

#bandeau a:hover{
	text-decoration: none;
	}
	

/*------------------------------------------------------*
  *-----------------------------------     CSS OPERATION - HOME   ----*
  *------------------------------------------------------*/
	
.operation{
	width: 870px;
	margin-left:auto;
	margin-right:auto;
	}
	
.operation-content{
	float:left;
	overflow:hidden;
	width: 246px;
	height: 275px;
	margin-top: 19px;
	margin-right: 22px;
	margin-bottom: 19px;
	margin-left: 22px;
	background-image: url(../images/bordure-bas3.gif);
	background-repeat: no-repeat;
	background-position: bottom;
	}

.operation-content img{
	padding: 3px;
	margin-right: 21px;
	border: 2px solid #B3AFB0;
	}

.operation-content img:hover{
	padding: 3px;
	margin-right: 21px;
	border: 2px solid #039AB1;
	}
	
.operation-content h1{
	margin: 0px;
	padding-bottom:4px;
	font-size: 18px;
	font-weight: normal;
	color: #555555;
	font-family: Georgia, "Times New Roman", Times, serif;
	}


.operation-content h2{
	margin: 0px;
	font-size: 11px;
	font-weight: bold;
	color: #039AB1;
	font-family: Arial, Helvetica, sans-serif;
	padding-bottom:4px;
	margin-bottom:8px;
	}

a.plus{
	font-size:10px;
	text-decoration: underline;
	color: #555555;
	font-family: Georgia, "Times New Roman", Times, serif;
	}

a.plus:hover{
	text-decoration: none;

	}
/*------------------------------------------------------*
  *-----------------------------------     CSS NEWS HOME     ----*
  *------------------------------------------------------*/
	
.news{
	float:left;
	width: 100%;
	padding-top:20px;
	padding-bottom:20px;
	background-image: url(../images/bordure-bas.gif);
	background-repeat: no-repeat;
	background-position: center bottom;
	}

.news1{
	float:left;
	width: 100%;
	padding-top:20px;
	padding-bottom:20px;
	background-color: #D4D4D4;
	}

.news-last{
	float:left;
	width: 100%;
	padding-top:20px;
	padding-bottom:20px;
	margin-bottom:20px;
	background-image: url(../images/bordure-bas-last.gif);
	background-repeat: no-repeat;
	background-position: center bottom;
	}
	
.news-content{
	width: 827px;
	margin-left:auto;
	margin-right:auto;
	font-family: Georgia, "Times New Roman", Times, serif;
	line-height: 18px;
	color: #555555;
	}

.news-content img{
	padding: 3px;
	margin-right: 21px;
	border: 2px solid #B3AFB0;
	}


.news-content img:hover{
	padding: 3px;
	margin-right: 21px;
	border: 2px solid #039AB1;
	}
	


img.noeffect {
	padding: 3px;
	margin-right: 21px;
	border: 2px solid #B3AFB0;
	}

img.noeffect:hover{
	padding: 3px;
	margin-right: 21px;
	border: 2px solid #B3AFB0;
	}
	
	
.news-content h1{
	margin: 0px;
	padding-bottom:6px;
	font-size: 20px;
	font-weight:normal;
	color: #039AB1;
	font-family: Arial, Helvetica, sans-serif;
	}


.news-content a{
	font-size:10px;
	text-decoration: underline;
	color: #555555;
	}

.news-content a:hover{
	text-decoration: none;

	}
	
	
	
/*------------------------------------------------------*
  *-----------------------------------     CSS GABARIT EDITORIAL     ----*
  *------------------------------------------------------*/
  
#editorial{
	float:left;
	width: 596px; /* 827-231*/
	padding-bottom: 23px;
	margin-bottom: 23px;
	padding-left: 231px;
	font-family: Georgia, "Times New Roman", Times, serif;
	background-image: url(../images/bordure-bas2.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
	color: #555555;
	}


#editorial h1{
	margin: 0px;
	padding-bottom:12px;
	font-size: 28px;
	font-weight:normal;
	color: #555555;
	font-family: Georgia, "Times New Roman", Times, serif;
	}
	
#editorial h3{
	margin: 0px;
	padding-bottom:6px;
	font-size: 16px;
	font-weight: bold;
	color: #039AB1;
	font-family: Georgia, "Times New Roman", Times, serif;
	}


/*------------------------------------------------------*
  *-----------------------------------     CSS GABARIT ACTEURS     ----*
  *------------------------------------------------------*/

#principal{
	float:left;
	width: 827px;
	padding-top: 23px;
	padding-bottom: 23px;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #555555;
	}

#principal h1{
	margin: 0px;
	padding-bottom:12px;
	font-size: 28px;
	font-weight:normal;
	color: #555555;
	font-family: Georgia, "Times New Roman", Times, serif;
	}


#principal h3{
	margin: 0px;
	font-size: 13px;
	font-weight: bold;
	color: #039AB1;
	font-family: Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	}

p{
	margin: 0px;
	margin-bottom:12px;
	}


#image{
	float:left;
	width: 227px; /* 827-227*/
	}

#image img{
	padding: 3px;
	border: 2px solid #B3AFB0;
	}

#image img:hover{
	padding: 3px;
	border: 2px solid #039AB1;
	}
	
#gauche{
	float:left;
	width: 278px; /* 300-22*/
	margin-left:4px;
	margin-right:18px;
	background-image: url(../images/bordure-bas3.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
	}


#gauche a{
	font-size:10px;
	text-decoration: underline;
	color: #555555;
	}

#gauche a:hover{
	text-decoration: none;
	}
	
#droite{
	float:left;
	width: 278px; /* 300-22*/
	margin-left:20px;
	margin-right:2px;
	font-size:10px;
	background-image: url(../images/bordure-bas3.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
	}

#droite a{
	font-size:10px;
	text-decoration: underline;
	color: #555555;
	}

#droite a:hover{
	text-decoration: none;
	}
	

#editorial a{
	font-size:10px;
	text-decoration: underline;
	color: #555555;
	}

#editorial a:hover{
	text-decoration: none;
	}

#centre a{
	text-decoration: underline;
	color: #555555;
	}

#centre a:hover{
	text-decoration: none;
	}
/*------------------------------------------------------*
  *-----------------------------------     CSS GABARIT OPERATIONS     ----*
  *------------------------------------------------------*/



#side-left{
	float:left;
	width: 210px;
	font-size: 11px;
	margin-right: 21px;
	font-family: Arial, Helvetica, sans-serif;
	}


#side-left a{
	color: #555555;
	text-decoration: none;
	}

#side-left a:hover{
	color: #039AB1;
	text-decoration: underline;
	}
	

#centre{
	float:left;
	width: 430px;
	margin-right:21px;
	}

span.ps{
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:bold;
	}

a.presentation{
	display:block;
	width:430px;
	height:25px;
	float:left;
	margin-top:12px;
	margin-bottom:12px;
	border:0;
	padding:0;
	background-image: url(../images/present.gif);
	background-repeat: no-repeat;
	background-position: top;
	}

a.presentation:hover{
	background-image: url(../images/present2.gif);
	}
	
#principal #centre h1{
	margin: 0px;
	padding-bottom:4px;
	font-size: 26px;
	font-weight: normal;
	color: #555555;
	font-family: Georgia, "Times New Roman", Times, serif;
	}


#principal #centre h2{
	margin: 0px;
	font-size: 11px;
	font-weight: bold;
	color: #039AB1;
	font-family: Arial, Helvetica, sans-serif;
	background-image: url(../images/line.jpg);
	background-position: bottom;
	background-repeat: no-repeat;
	padding-bottom:4px;
	margin-bottom:8px;
	}
	
img.ope{
	padding: 11px;
	border: 4px solid #B3AFB0;
	}

img.ope:hover{
	padding: 11px;
	border: 4px solid #039AB1;
	}

#side-right{
	float:left;
	width: 112px;
	background-color: #4F3224;
	padding-top: 7px;
	padding-right: 11px;
	padding-bottom: 7px;
	padding-left: 11px;
	}

#side-right li{
	list-style-position: outside;
	list-style-type: disc;
	color: #A18E87;
	margin-left:11px;
	}

	
span.bluelink{
	color: #039AB1;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight:bold;
	text-transform: uppercase;
	}

span.blue{
	color: #039AB1;
	}
	
	
#side-right a{
	color: #A18E87;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight:bold;
	text-transform: uppercase;
	}

#side-right a:hover{
	color: #039AB1;
	}
	

span.ps{
	color: #7A7A7A;
}