/* CSS Document */

html,body{
	margin:0;
	padding:0;
}
body{
	font: 76% arial,sans-serif;
	text-align:center;
}
.header {
	background:#FDED14;
}
.header h1{
	display:none;
}
.logo{
	float:left;
	width:179px;
}
.boxHeaderGauche p{
line-height:0;
}

.boxHeaderGauche{
	float:left;
	width:200px;
	background:#fff;
}


.slogan{
	margin:0 0 0 0px;
	float:left;
	width:578px;
	background:#FDED14;
}
.bandeau {
	margin:0 0 0 0px;
	float:left;
	width:578px;
	height:100px;
	background:#FDED14;
}
.bandeau a img{
  border:none ;
}

.quickLinks{
	background:#FDED14;
 	font-size:10px;
	color: #333;
	width:779px;
	text-align:right;
	padding:0;
	float:right;
	margin:0px 1px 0px 0 ;
	line-height:14px;
}
.quickLinksUL ul{
	padding:0;
	margin:0;
	list-style-type:none;
	text-decoration: none;
}
.quickLinksUL ul li {
	display: inline;
    padding:0 2px 0 3px;
	border-right: 1px solid #333;
}
.quickLinksUL ul li a {
	text-decoration: none;
    color: #333;
    font-size: 10px;
    font-weight: bold;
}

.logoAstre{
	padding:17px 0 14px 0 ;
	float:left;
	width:201px;
	background:#FDED14;
}

.topMenuEdition{
	background-image:url(../images/Fond_menu.jpg);
	background-repeat: no-repeat;
	/*padding-bottom:22px;*/
	width:800px;
	height:54px;
	float:right;
}
.topMenu {
	background-image:url(../images/Fond_menu.jpg);
	background-repeat: no-repeat;
	/*padding-bottom:22px;*/
	width:780px;
	height:34px;
	float:right;
}
/*
.ombre {
	background-image:url(images/ombre_menu.jpg);
	background-repeat: no-repeat;
}
*/
/*____________________________________________________________ Nav bar styles __________________________*/


.topMenuEdition ul,
.topMenu ul
{
	color: White;
	width: 100%;
	font-family:"Verdana", Arial, Helvetica, sans-serif;
	font-size:14px;
	height:25px;
}
.topMenuEdition ul li,
.topMenu ul li {
	display: inline;
	height:34px;
 }

.topMenu ul li a
{
	padding-left:10px;
	padding-right:10px;
	height:auto;
	color: White;
	text-decoration: none;
	border-right: 1px solid #9E9479;
}
.topMenuEdition ul li a
{
	padding-left:0px;
	padding-right:0px;
	height:auto;
	color: White;
	text-decoration: none;
	border-right: 1px solid #9E9479;
}
.topMenuEdition ul li a:hover,
.topMenu ul li a:hover
{
	color: #FFCC00;
}
div.header div.topMenuEdition span.current a,
div.header div.topMenu span.current a {
	color: #FFCC00;
}

.nav {
	padding:0;
	margin: 9px 0 0 0;
}
/*_________________________________________________________________________________________________*/
.pagePath {
	margin-top:12px;
}
.pagePath a{
	font-size:11px;
	color:#333;
	text-decoration:none;
}
.container{
	padding-top:10px;
}
.content p{line-height:1.4}

.container{width:980px;margin:0 auto}

.wrapper{
	margin-top:10px;
	margin-bottom:10px;
	float:left;
	width:100%;
}

.content {
	text-align:justify;
	padding: 0 266px 0 201px;
}
.content h3,
.contentNews h3,
.contentHome h3{
	margin:9px 0 0 0 ;
	font-weight: bold;
	font-size:19px;
	text-align:left;
	color:#0E4B9E;
}
.pageCourGauche {
	text-align:justify;
	width:239px;
	float:left;
}
.pageCourDroite {
	text-align:justify;
	width:239px;
	float:right;
}
.contentNews a{
	text-decoration:none;
	color:#0E4B9E;
}
.contentNews {
	text-align:left;
	padding:0 300px 0 0px;
}
.contentHome p{
	font-size:12px;
	text-align:justify;
}
.contentHome{
	margin-top:12px;
	background-image:url(../images/fond_Home.jpg);
	background-repeat: no-repeat;
	padding:0 270px 0 4px;
	width:716px;
	height:437px;
}
.contentHome h2{
	margin:0;
	padding:4px;
	font-weight: bold;
	font-size:19px;
	text-align:left;
	color:#000;
}
.mainBoxs {
	position:relative;
}
.mainBoxs a {
	color:black;
	text-decoration:none;
}
.mainBoxs a img{
  border:none ;
}


.boxImage {
	margin:8px 0;
	float:left;
	width:120px;
}
.boxTexte{
	font-size:11px;
	margin:-8px 0;
	float:right;
	width:192px;
}
.mainBoxs h3 {
	min-width:190px;
	background-image:url(../images/puce_TitreHome.jpg);
	background-repeat: no-repeat;
	background-position: 0px 3px;
	margin:0;
	padding:0 0 0 14px;
	font-weight: bold;
	font-size:14px;
	text-align:left;
	color:#003399;
	float:left;
}
div#boxHome_1{
	position:absolute;
	top:10px;
	left:22px;
	width:320px;
}
div#boxHome_2{
	position:absolute;
	top:10px;
	left:368px;
	width:320px;
}
div#boxHome_3{
	position:absolute;
	top:138px;
	left:22px;
	width:320px;
}
div#boxHome_4{
	position:absolute;
	top:138px;
	left:368px;
	width:320px;
}
div#boxBas h4{
	margin:0;
	font-weight: bold;
	font-size:19px;
	text-align:center;
	color:#000;
	border-top:1px solid #FFCC00;
	border-bottom:1px solid #FFCC00;
}
div#boxBas {
	position:absolute;
	top:280px;
	left:10px;
	width:320px;
	height:130px;
}
div#boxRef h4{
	margin:0 0 6px 0;
	
}
div#boxRef {
	font-weight: bold;
	font-size:19px;
	text-align:left;
	color:#fff;
	position:absolute;
	top:282px;
	left:365px;
	width:346px;
	height:123px;
}
.boxHome {
	font-size:19px;
	width:350px;
	height:120px;
}
.round-box {
	padding-bottom:8px;
}
.lastupdate {
	text-align:left;
	font-size:10px;
	color:#333;
}

/*___________________________________LeftCol______________*/
.leftCol {
	width:179px;
	height:435px;
	background-image:url(../images/Fond_leftCol.jpg);
	float:left;
	margin-left:-980px;
	margin-top:22px;
}
.sousNav {
	font-weight: bold;
	font-size:12px;
	/*padding-left:16px;*/
	
}
.boxPhotos a img{
  border:none ;
}
.sousNav_ul {
	list-style-type:none;
	background:#fff;
	margin:8px 6px;
	padding:8px;
}
.sousNav_ul li{
	position:relative;
	left:20px;
	text-align:left;
	font-weight: bold;
	font-size:12px;
	padding:0;
}
.sousNav_ul a {
	color:black;
	text-decoration:none;
}

.sousNav_ul a:active,
.sousNav_ul li#active
{
	list-style-image: URL(../images/puce_sousNav.jpg);
}
.sousNav_ul li#active a
{
	color: #0E4B9E;
}
.sousNav  h3{
	color:#fff;
	margin:0;
	padding:4px;
	text-align:left;
	font-size:17px;
	font-weight: bold;
}
/*___________________________________LeftCol______________*/

/*___________________________________RightCol______________*/
.rightCol{
	float:left;
	width:246px;
	margin-left:-246px;
	/*diplay:block;*/
}
.titre {
	height:24px;
}

.rightCol h3{
	padding-top:3px;
	font-size:19px;
	font-weight: bold;
}
.rightCol h3 a{
	text-decoration:none;
	color:#000;
}
/*________________________________________________________Actus______*/
.boiteListNews p{
	line-height:0;
	padding:0;
	margin:0;
}
.boiteListNews {
	margin-top:18px;
	padding:1px 0;
	width:246px;
	height:172px;
	background-image:url(../images/Fond_Actus.jpg);
	background-repeat: no-repeat;
}
.actus {
	margin-top:22px;
	width:246px;
	height:172px;
	background-image:url(../images/Fond_Actus.jpg);
	background-repeat: no-repeat;
}
.sousActus {
	width:246px;
	margin:0;
	/*text-size:10px;*/
	padding:0px;
}
.sousActus_ul {
	list-style-type:none;
	margin:0 6px;
	padding:0px 0;
}
.sousActus_ul a{
	text-decoration:none;
	color:#333;	
}


.actusListe ul{
	/*position:relative;*/
	font-size:10px;
	text-align:left;
	padding-right:20px;
	margin:0;
	height:36px;
}
.actusListe li h4{
	padding-left:20px;
	
}
.actusListe li a{
	text-decoration: none;
	font-size:14px;
	color:#333;
}
.date {
	font-size:9px;
	color:#666666;
	
}
.description {
	padding-bottom:10px;
	border-bottom:1px solid #ccc;
}
.actusListe li{
	list-style-type:none;
	background-image: URL(../images/puce_actus.jpg);
	background-repeat: no-repeat;
	background-position: 0px -6px;
}
.sousActus_ul li{
	/*position:relative;*/
	font-size:10px;
	text-align:left;
	background-image: URL(../images/puce_actus.jpg);
	background-repeat: no-repeat;
	background-position: 0px -1px;
	padding:4px 0 0 16px;
	height:36px;
}


.sousActus_ul li .tritreNews {
	font-weight: bold;
	float:left;
	width:80%;
	
}
.sousActus_ul li .date {
	text-align:right;
	float:right;
	width:20%;
}
.sousActus_ul li .summary {
	width:100%;
	float:left;
}
.sousActus  h3{
	margin:0;
	padding:4px 0 0 0;
	text-align:center;
	font-size:19px;
	font-weight: bold;
}
.toutesActus{
	margin-top:8px;
	width:100%;
	text-align:right;
	font-size:10px;
}
.toutesActus a{
	color:#666666;
}
.imageNews {
	display:none;
}

/*______________________________________________________________*/
.toolsNews{
	margin-top:0;
	width:244px;
	height:248px;
	background:#BBC8EA;
}
.tools {	
	margin-top:-4px;
	width:244px;
	height:249px;
	background:#B0B0B0;
}
.contact {
	padding:0 4px;
	height:108px;
}
.contact a{
	color:#333;
}

div#espClient {
	padding:0 10px;
}

.logZone {
	background: url(../images/logZone.gif) no-repeat top left;
	width:224px;
	height:50px;
}
.newsLetter {
	height:50px;
}
.newsLetter form {
	
}
.logZone form {
	margin: 6px 0 0 0px;
}
.logZone form a {
	margin:1px;
}
.btnOK {
	width:49px;
	height:18px;
	background: url(../images/IconeOK.jpg) no-repeat top left;
	margin-left:174px;
	margin-top:-14px;
}
.MDP {
	position:relative;
	font-size:8px;
}
.MDP div#texte {
	position:absolute;
	text-align:right;
	width:40px;
	top:2px;
	right:24px;
}
.MDP div#box {
	position:absolute;
	top:3px;
	right:0px;
}
.btnOK_newsLetter {
	margin-top:0;
	width:49px;
	height:18px;
	background: url(../images/IconeOK.jpg) no-repeat top left;
	margin-left:174px;
}
.newsLetter form a span,
.logZone form a span {
 	display:none;
}
.newsLetter form label,
.logZone form label {
    display:none;
}
.newsLetter form input#newsLetterInscription,
.logZone form input#username,
.logZone form input#password{
	background:#fff url(../images/bg-input.png) repeat-x top left;
	margin-top:1px;
	margin-bottom:4px;
	background-color:#fff;
	border:1px solid #ccc;
	color:#36393d;
	width:160px;
	height:13px;
	float:left;
}
.newsLetter form input#newsLetterInscription:focus,
.logZone form input#username:focus,
.logZone form input#password:focus {
	background:#eaeaea url(../images/bg-input-on.png) repeat-x top left;
	color:#36393d
}
/*___________________________________RightCol______________*/
.footer{
	margin-top:634px;
	color: #333;
}
.footer p{
	
}
.footer a, .footer a:hover{
	color:black;
}
.footer{
	font-family:"Verdana", Arial, Helvetica, sans-serif;
	clear:left;
	width:100%
}
.footer_1_Titre {
	background-image: url(../images/FondFooterTitre.jpg);
	text-align:left;
	padding:4px 0 0 5px;
	color: #fff;
	height:18px;
}
.footer_1 {
	border:1px solid #ccc;
	padding:3px;
}
.footer_1 p{
	padding:0px 10px 2px 10px;
}
.footer_2_Titre {
	clear:left;
	margin-top:10px;
	background-color: #B0B0B0;
	text-align:left;
	padding:4px 0 0 5px;
	color: #fff;
	height:18px;
}
.footer_2 {
	margin-bottom:10px;
	border:1px solid #ccc;
	padding:3px;
}

