/*Style.css - Thème 'default' */


/* ===== Sommaire =====
1/ html et body
2/ Styles généraux
3/ Haut de page (#top)
4/ Zone de contenu (#content)
5/ Paneau latéral (#sidebar) 
6/ Pied de page (#footer)
=================== */

/* ---------------------
Html et body
--------------------- */
html {
	font-size : 75%;
	font-family : "Lucida sans unicode", Lucida, Tahoma, Arial, sans-serif;
	color : #808080;
	margin:0px;
	padding:0px;
	/*overflow:hidden;*/
}

body {
	width : 960px;
	margin-top:0px;
	margin-bottom:0px;
	margin-left:auto;
	margin-right:auto;
	padding : 0
}

/* ---------------------
Styles généraux
--------------------- */
h1 {font-size : 1.6em;}
h2 {font-size : 1.2em;}
h3 {font-size : 1.1em; padding : 5px 0; margin : 0;}
h4 {font-size : 1em; padding : 5px 0; margin : 0;}
p {margin : 0; padding : 3px 0;}
a {color:#5C8379; text-decoration:underline;}
a img{
border:0px;
}

hr {clear : both; visibility : hidden; margin : 0; padding : 0;}


#general {
	margin:0px;
	padding:0px;
	position : absolute;
	width : 960px;
	/*pour centrer la boite horizontalement dans la page*/
	margin-left: -480px;
	left: 50%;
	height: 653px;
	/*pour centrer la boite verticalement dans la page*/
	margin-top : -326px;
	top : 50%;
	/*background : #fff;*/
}

/* ---------------------
Haut de page (#top)
--------------------- */
#top {
	height : 80px;
	font-size : 1.4em;
	margin:0px;
	padding:0px;
	margin-top:30px;
}

#top h1 { /* titre et sous-titre du site */
	text-align : left;
	position : relative;
	top : 20px;
	left : 80px;
	margin:0px;
	padding:0px;
	width: 220px;
}

#top p { /* titre et sous-titre du site */
	text-align : right;
	position : relative;
	/*left : -30px;*/
	left : 390px;
	top: -22px;
	margin:0px;
	padding:0px;
	width:539px;
	/*border:1px solid red;*/
}

#top a.logoAgir{margin:0px; padding:0px; margin-left:50px;}


#page{
height:563px;
width:960px;
z-index:3;
margin:0px;
padding:0px;
}

#fondFlash{
margin:0px;
padding:0px;
position:absolute;
margin-left:-480px;
left:50%;
height:653px;
margin-top:-215px;
/*margin-top:-225px; IE*/
top:50%;
height:563px;
width:960px;
background-image:url(pluxml/templates/agir/img/fond.gif);
z-index:1;
}

#fondFlash img{
padding:0px;
margin:0px;
}

#Oanimation2{
margin:0px;
padding:0px;
border:0px solid red;
position:absolute;
margin-left:-428px;
left:50%;
height:653px;
margin-top:-215px;
top:50%;
height:437px;
width:562px;
z-index:2;
color:#CDCEC9;
}

#page .fond {
  position: absolute;
  width: 960px;
  height: 36px;
  z-index:3;
}

#page .fond .transp {
  position: absolute;
	width: 100%;
	height: 100%;
  background : #d1e8e0;
  /* Pour IE, il faut absolument mettre une largeur, alors soit width=100%,
     soit c'est un div positionné et dimensionné comme dans cet exemple.*/
  filter:alpha(opacity=70);
  -moz-opacity:0.7;
	-khtml-opacity: 0.7;
	opacity: 0.7;
	z-index:3;
	color: #000;
}

#page .fond .menu {
  position: absolute;
	width: 100%;
	height: 100%;
  color: #000;
  z-index: 13;
}

ul#ulmenu {}

ul#ulmenu li {
  display:block;
  float:left;
  height:36px;
  margin:0;
}

ul#ulmenu a {
  display:block;
  height:36px;
}

ul#ulmenu span {font-size: 14px;}

ul#ulmenu li#menu1 {width:80px;}

ul#ulmenu li#menu2 {
  width:90px;
  margin-left: 30px;
}

ul#ulmenu li#menu3 {
  width:90px;
  margin-left: 40px;
}

ul#ulmenu li#menu4 {
  width:90px;
  margin-left: 30px;
}

ul#ulmenu li#menu5 {
  width:90px;
  margin-left: 30px;
}

ul#ulmenu li#menu6 {
  width:90px;
  margin-left: 20px;
}

ul#ulmenu li#menu7 {
  width:50px;
  margin-left: 40px;
}

ul#ulmenu li#menu8 {
  width:90px;
  margin-left: 20px;
}

#test {display: none;}

#baseline {
  width: 325px;
  height: 100px;
  position: absolute;
  margin-top: 100px;
  margin-left: 630px;
  text-align: center;
  font-family: arial;
  letter-spacing: 0.3em;
  z-index:2;
}

/*ajouté par JL*/

/*******Actualité 1************/
#news {
  position: absolute;
  width: 290px;
  height: 125px;
  margin-top: 312px;
  margin-left: 621px;
  text-align: left;
  font-family: arial;
  letter-spacing: 0.1em;
  overflow: hidden;
  z-index:2;
  /*border:1px solid black;*/
}

#news_text{
  width: 236px;
  height: 112px;
  position: absolute;
  left:-290px;
  /*margin-left:5px;*/
}

#fondNews1 {
  width: 236px;
  height: 112px;
  position: absolute;
  left:-290px;
  background-color:#000000;
  filter:alpha(opacity=30);
  -moz-opacity:0.3;
	-khtml-opacity: 0.3;
	opacity: 0.3;
  /*margin-top:15px;*/
}

/*******Actualité 2************/
#news2 {
  position: absolute;
  width: 290px;
  height: 120px;
  margin-top: 180px;
  margin-left: 621px;
  text-align: left;
  font-family: arial;
  letter-spacing: 0.1em;
  overflow: hidden;
  z-index:2;
}

#news_text2{
  width: 236px;
  height: 112px;
  position: absolute;
  left:-290px;
  /*margin-left:5px;*/
}

#fondNews2 {
  width: 236px;
  height: 112px;
  position: absolute;
  left:-290px;
  background-color:#000000;
  filter:alpha(opacity=30);
  -moz-opacity:0.3;
	-khtml-opacity: 0.3;
	opacity: 0.3;
}

/*******Actualité 3************/
#news3 {
  position: absolute;
  width: 290px;
  height: 127px;
  margin-top: 50px;
  margin-left: 621px;
  text-align: left;
  font-family: arial;
  letter-spacing: 0.1em;
  overflow: hidden;
  z-index:2;
}

#news_text3{
  width: 236px;
  height: 112px;
  position: absolute;
  left:-290px;
  /*margin-left:5px;*/
}

#fondNews3 {
  width: 236px;
  height: 112px;
  position: absolute;
  left:-290px;	
  background-color:#000000;
  filter:alpha(opacity=30);
  -moz-opacity:0.3;
	-khtml-opacity: 0.3;
	opacity: 0.3;
  
}

/*fin JL*/

/*#news {
  position: absolute;
  width: 236px;
  height: 112px;
  margin-top: 290px;
  margin-left: 717px;
  text-align: left;
  font-family: arial;
  letter-spacing: 0.1em;
  overflow: hidden;
  z-index:2;
}*

#news_text{
  width: 236px;
  height: 112px;
  position: absolute;
  top: 120px;
}*/

#sousmenu1 {
position: absolute;
width: 100px;
height: 60px;
top: 146px;
left: 60px;
overflow: hidden;
color: #000;
z-index:15;
}

#sousmenu1_text {
position: absolute;
width: 98px;
height: 40px;
top: -100px;
/*border-bottom: 1px solid #d1e8e0;
border-left: 1px solid #d1e8e0;
border-right: 1px solid #d1e8e0;*/
color: #000;
z-index: 15;
}

#sousmenu2 {
position: absolute;
width: 210px;
height: 65px;
top: 146px;
left: 170px;
overflow: hidden;
z-index:15;
}

#sousmenu2_text {
position: absolute;
width: 208px;
height: 70px;
top: -100px;
/*border-bottom: 1px solid #d1e8e0;
border-left: 1px solid #d1e8e0;
border-right: 1px solid #d1e8e0;*/
color: #000;
z-index: 15;
}

#sousmenu3 {
position: absolute;
width: 140px;
height: 60px;
top: 146px;
left: 299px;
overflow: hidden;
z-index:15;
}

#sousmenu3_text {
position: absolute;
width: 138px;
height: 53px;
top: -100px;
/*border-bottom: 1px solid #d1e8e0;
border-left: 1px solid #d1e8e0;
border-right: 1px solid #d1e8e0;*/
color: #000;
z-index: 15;
}

#sousmenu4 {
position: absolute;
width: 100px;
height: 60px;
top: 146px;
left: 420px;
overflow: hidden;
z-index:15;
}

#sousmenu4_text {
position: absolute;
width: 98px;
height: 53px;
top: -100px;
/*border-bottom: 1px solid #d1e8e0;
border-left: 1px solid #d1e8e0;
border-right: 1px solid #d1e8e0;*/
color: #000;
z-index: 15;
}

#sousmenu5 {
position: absolute;
width: 100px;
height: 60px;
top: 146px;
left: 540px;
overflow: hidden;
z-index:15;
}

#sousmenu5_text {
position: absolute;
width: 98px;
height: 53px;
top: -100px;
/*border-bottom: 1px solid #d1e8e0;
border-left: 1px solid #d1e8e0;
border-right: 1px solid #d1e8e0;*/
color: #000;
z-index: 15;
}
#sousmenu1_text .transp{
position: absolute;
width: 100%;
height: 100%;
background : #d1e8e0;
filter:alpha(opacity=70);
-moz-opacity:0.7;
-khtml-opacity: 0.7;
opacity: 0.7;
z-index:2;
color: #000;
}
#sousmenu2_text .transp, #sousmenu3_text .transp, #sousmenu4_text .transp, #sousmenu5_text .transp {
position: absolute;
width: 100%;
height: 100%;
background : #d1e8e0;
filter:alpha(opacity=80);
-moz-opacity:0.8;
-khtml-opacity: 0.8;
opacity: 0.8;
z-index:2;
color: #000;
}

#sousmenu1_text .text, #sousmenu2_text .text, #sousmenu3_text .text, #sousmenu4_text .text, #sousmenu5_text .text {
position: absolute;
width: 100%;
height: 100%;
color: #000;
font-size:12px;
padding-top: 3px;
z-index:3;
}

a#sousmenu {
display: block;
width: 99%;
padding-left: 2px;
}

#societes {
position: absolute;
margin-top: 437px;
margin-left: 60px;
width: 260px;
height: 100px;
z-index:13;
}

#societes .title {
  position: absolute;
  margin-top: 25px;
  width: 148px;
  height: 14px;
  background: URL(img/texte_logos.gif) 0 0 no-repeat;
}

#societes .text {
  position: absolute;
  margin-top: 45px;
  width: 257px;
  height: 28px;
}

#copyright {
  position: absolute;
  margin-top: 500px;
  margin-left: 400px;
  height: 20px;
  font-size: 9px;
  z-index:13;
}

#copyright a.lien {
	color: #808080;
	text-decoration: none;
}

ul#logos {
  margin: 0;
  margin-left: -40px;
}

ul#logos li {
  display:block;
  float:left;
  height:28px;
  margin:0;
}

ul#logos a {
  display:block;
  height:28px;
  
}

ul#logos span { display:none; }

ul#logos li#logos_imaye { width: 80px; background:url(img/logo_imaye.gif) 0 0 no-repeat; }
ul#logos li#logos_etic { width: 80px; background:url(img/logo_etic.gif) 0 0 no-repeat; }
ul#logos li#logos_brio { width: 80px; background:url(img/logo_brio.gif) 0 0 no-repeat; }

/* --------------------- 
Zone de contenu (#content)  
--------------------- */
#content { /* Bloc */
	float : right;
	width : 430px;
	margin : 20px 0 0 0;
	}

.post { /* Conteneur de l'article */
	padding : 0 20px 35px 10px;
	}

.articletitle { /* Titre de l'article */
	color : #E29A00;
	font-size : 1.5em;
	font-weight : normal;
	margin : 0; padding : 3px 0 0 0;
	font-family : Georgia;
	font-style : italic;
	}
.articletitle a{ /* Lien sur le titre de l'article */
	color : #E29A00;
	text-decoration : none;
	}
.articletitle a:hover{
	color : #970B07;
	}

.post-info { /* Informations de l'article (auteur, date etc...) */
	color : #C3C3C3;
	margin : 0; padding :0 8px 0 0;
	text-align : right;

	}
.post-info a{
	color : #C3C3C3;
	}
.post-info a:hover {
	color : #808080;
	}

#pagination { /* Conteneur des liens 'page suivante' et 'page précédente' */
	margin-top : 10px;
	text-align : center;
	}



/* --------------------- 
Paneau latéral (#sidebar)  
--------------------- */
#sidebar {
	float : left;
	width : 155px;
	padding : 0 0 0 8px; margin : 20px 0 0 0;
	}
#sidebar div {
	margin : 8px 0 ;
	}
#sidebar h2 { /* Titre des menus de la sidebar */
	color : #8F8F8F;
	font-size : 1.1em;
	margin : 0; padding : 3px 0 0 10px;
	font-weight : normal;
	}
#sidebar ul { /* bloc de liste */
	margin : 0; padding : 6px 0;
	}
#sidebar li { /* élément de liste */
	list-style-type : none;
	padding: 1px 0 2px 30px;
	}
#sidebar li a { /* Liens dans les listes */
	color : #8F8F8F;
	text-decoration : none;
	}
#sidebar li a:hover {
	color : #E4C600;
	}
div#categories{ /* Bloc 'catégories' (application du background) */
	margin : 0;
	padding : 3px 0;
	}



/* ---------------------
Pied de page (#footer)
--------------------- */
#footer {
	/*border-top : 1px solid #E0E0E0;*/
	text-align : center;
	width : 500px;
	margin : 10px auto 0 auto;
	font-size : 0.85em;
	}

/* ------------------- */
/*        PAGES        */
/* ------------------- */

#pages_main_text {
  position: absolute;
  top: 190px;
  left: 55px;
  width: 550px;
  height: 345px;
  color: #000;
  overflow: auto;
  z-index: 1;
}

#pages_photo {
  position: absolute;
  top: 146px;
  left: 621px;
  width: 336px;
  height: 88px;
  color: #000;
  z-index:2;
}

#pages_photo_baseline {
  position: absolute;
  top: 320px;
  left: 621px;
  width: 339px;
 height: 45px;
  color: #000;
  background-color:#5C8379;
  z-index:2;
}

#pages_baseline {
  position: absolute;
  top: 380px;
  left: 650px;
  width: 325px;
  height: 100px;
  color: #000;
  z-index:2;
}

a.aMenu {
  color: #000;
  text-decoration: none;
}

a.aMenu:hover, a.aMenuhover {
  color: #f00 ;
  text-decoration: none;
}

/* ------------------- */
/*        POPUP        */
/* ------------------- */
#popup {
color:black;
background-color:#F0F6F8;
width:100%;
margin:5px;
}


/*Styles pour les formulaires de contact, presse, etc...*/
form.formpress{
font-family : "Lucida sans unicode", Lucida, Tahoma, Arial, sans-serif;
}

form.formpress label{
display:block;
float:left;
width:135px;
font-family : "Lucida sans unicode", Lucida, Tahoma, Arial, sans-serif;
margin-right:5px;
text-align:right;
}

form.formpress input,textarea,select{
border:1px solid #919191;
background-color:#FBFBFB;
color:#717171;
font-size:12px;
margin-bottom:2px;
}

form.formpress input:hover,textarea:hover,select:hover{
border:1px solid #000000;
background-color:#FFFFFF;
color:#000000;
}

form.formpress input:focus,textarea:focus,select:focus{
border:1px solid #000000;
background-color:#FFFFFF;
color:#000000;
}
form.formpress input[type=checkbox]{
width:11px;
}

form.formpress input[type=radio]{
width:14px;
}
/*****/
form.formContact{
font-family : Arial, sans-serif;
color:black;
}

form.formContact label{
display:block;
float:left;
width:90px;
font-family : Arial, sans-serif;
margin-right:5px;
text-align:right;
}

form.formContact input,textarea,select{
border:1px solid #919191;
background-color:#FBFBFB;
color:#717171;
font-size:12px;
margin-bottom:2px;
}

form.formContact input:hover,textarea:hover,select:hover{
border:1px solid #000000;
background-color:#FFFFFF;
color:#000000;
}

form.formContact input:focus,textarea:focus,select:focus{
border:1px solid #000000;
background-color:#FFFFFF;
color:#000000;
}
form.formContact input[type=checkbox]{
width:11px;
}

form.formContact input[type=radio]{
width:14px;
}


.elementObligatoire{
text-align:center;
color:#CC0000;
}

/*Fin des styles pour les formulaires de contact, presse, etc...*/

table#tablePlansAcces{
font-size:12px;
color:black;
margin:0px;
width:100%;
height:150px;
}

div.baseline{
padding:0px;
margin:0px;
margin-left:5px;
text-align:center;
width:275px;
}

table.tablePageContact{
color:black;
padding:0px;
margin:0px;
}

table.tablePageContact tr.form{
font-size:12px;
}

table.tablePageContact tr.plans td{
padding-left:10px;
}

table.tablePageContact tr.plans{
font-size:12px;
}

table.tableMagazine{
vertical-align:top;
color:black;
font-size:12px;
width:500px;
}

table.tableMagazine td.tdLiens{
width:300px;
}

table.tableMagazine td.tdEdito{
width:300px;
}

.lienPartie{
font-size : 1em;
font-weight:bold;
}

td.tdLiens a{
text-decoration:none;
color:black;
}

div.divContenantLiens{
margin-bottom:10px;
padding-left:15px;
}
/*bof styles des popups de plan*/
div#corpsPopup{
text-align:center;
width:480px;
padding:20px;
color:black;
}

div#corpsPopup table{
font-family:Arial;
font-size:12px;
color:black;
background-color:#F0F6F8;
}

div#corpsPopup td#titre{
text-align:left;
font-family:Arial;
font-size:20px;
color:black;
font-weight:bold;
vertical-align:bottom;
}

.commentaireSousImage{
font-size:12px;
color:#888888;
}
/*eof styles des popups de plan*/