/* Initialisation des marges */


* {
	margin:0;
	padding:0;
}
html , body {
	height : 100%;
	
}
/* Body , declaration gınırale */
body {
	text-align : center; /* Centerage sous IE*/
	
	color: #5F6163;
	font: 12px/1.4 Arial, Helvetica, sans-serif;
	/*letter-spacing : 1px;*/
	color: #666;
	
	
	/*font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 12px;*/
	/*height : 100%;*/
	
}




/* Conteneur ( centrage )  */
#conteneur{
	text-align : left ; /* remettre le centrage ı left*/
	border : 1px solid white ; 
	background-image: url(../../images/top/background.jpg) ;
	background-repeat : no-repeat;
	background-position : 200px  bottom;
	margin-left : auto;
	margin-right : auto;
	/*width : 950px;*/
	width: 1100px;
	/*height : 100%;*/
	position : relative;
	
	
}

#content .description{
width:550px;
}


/* Bloc haut*/
#conteneur #haut {
	/*border : 1px solid red ; */
	height : 180px;
	background-image: url(../../images/top/bandeau-haut.jpg) ;
	background-repeat : no-repeat;
	color: #FFF;
	
	position : relative; /* positionnı en relative ( 0 0) par default , permet de positionner le titre en absolut */
}

/* Bloc haut*/
.deutschland #conteneur #haut {
	background-image: url(../../images/top/bandeau-haut-de.jpg) ;
}
.de #conteneur #haut {
	background-image: url(../../images/top/bandeau-haut-de.jpg) ;
}

.es #conteneur #haut {
	background-image: url(../../images/top/bandeau-haut-es.jpg) ;
}
.en #conteneur #haut {
	background-image: url(../../images/top/bandeau-haut.jpg) ;
}

.fl #conteneur #haut {
	background-image: url(../../images/top/bandeau-haut-fl.jpg) ;
}
.fr #conteneur #haut {
	background-image: url(../../images/top/bandeau-haut-fr.jpg) ;
}
#haut h1{
	font-size:18px;
	/*margin-right:245px;*/
	/**/
	position: absolute ; 
	width : 530px;
	top : 0;
	left : 0;
	
	
}
#haut #liensHaut {
	width : 247px;
	height : 112px;
	/*float : right;*/
	padding-left:550px;
	padding-top:80px;
	/*margin-right:100px;*/
	/*margin-top : 68px;*/
	clear : right;
	/*padding-left : 17px;*/
	/*border : 1px dashed black ;  */
	/* un autre background */
}
#haut #liensHaut ul {
	/*margin-top : 50px;*/  /* taille de l'image de background de #liensHaut*/
	margin-left : 17px;
	padding-top : 14px;
	list-style: none;
}
#haut #liensHaut ul li {
  text-indent : 15px;
  font-weight: normal;
  font-size:14px;
  line-height: 15px; /* Hauteur de la ligne */
  background-repeat: no-repeat;
  background-position: 0 50%;
  background-image: url(../../images/top/puce.gif);
}
/* Menu gauche */ 
#conteneur #gauche{
  	background-image: url(../../images/top/fond_gauche.jpg);
	/*border : 1px solid green ; */
	width : 200px;
	/*eight : auto;*/
	/*height: 100%;*/
	/*min-height : 600px;*/
	float : left;
	color : #fff;
	position : relative;
}
#gauche a , #liensHaut a{
	padding-right: 5px;
	color : #fff;
	text-decoration:none; 
}
#gauche a:hover , #liensHaut a:hover {
	color : #fff;
	text-decoration:underline; 
}

/* Diffırents blocs ı l'intırieur du menu gauche*/ 
#compte , #lecons ,#dernieresActualites , #derniersPosts , #autresLiens {
	border-bottom : 2px solid white; 
	padding-bottom : 16px;
}

#derniersPosts h3 {
	 background-image: url(../../images/top/picto/tiare.gif);
	 background-repeat: no-repeat;
	background-position:  100% 0;
	margin-right:30px;
}
#dernieresActualites h3 {
	 background-image: url(../../images/top/picto/tiare.gif);
	 background-repeat: no-repeat;
	 background-position:  100% 0;
	 margin-right:30px;
}

#autresLiens {
	border-bottom : 0px solid white; 
	position: absolute;
	bottom : 0;
	
/*	margin-bottom : 15px;*/
} 

#gauche h3 {
	/*font-variant : small-caps;*/
	margin-top : 16px;
	border-bottom-width:thin ;
	border-bottom : 1px solid white;
	margin-left:15px;
	margin-right:37px;
	color : #fff;
	/*font-family : Arial, Helvetica, sans-serif;
	font-size : 12px;*/
	font-size : 12px; 
	text-transform: uppercase;
	font-weight: normal;
	
}
/* Dıffinition des listes */
#compte ul, #lecons ul, #dernieresActualites ul , #derniersPosts ul , #autresLiens ul {
	margin-left : 17px;
	margin-right : 17px;
	margin-top : 2px;
	padding-top : 14px;
	list-style: none;
}

#compte ul{
	border-top: 1px dashed #fff;
	margin-right:25px;
	margin-top:9px;
}

#compte p {
	margin-left : 17px;
	text-align : left ; 
}

#compte ul li, #dernieresActualites ul li , #derniersPosts ul li, #autresLiens ul li ,#lecons li.article {
	text-indent : 10px;
  font-weight: bold;
  line-height: 14px; /* Hauteur de la ligne */
  background-repeat: no-repeat;
  background-position: 0 6px;
  background-image: url(../../images/top/puce.gif);
  margin-bottom : 5px;
}

/* surcharge */ 
#lecons li.article {
  
	margin-left : 15px;
	font-size :  11px  ; 
	line-height : 14px;
	font-weight: 200;
	margin-top:2px; 
	margin-bottom:2px;   
}
#dernieresActualites ul li , #derniersPosts ul li{
	margin-bottom : 10px;
}

#autresLiens {
	position : relative ; 
	bottom : 0px;
}

#lecons ul li{
	text-indent : 0; /* pas d'indentation ici*/
  font-weight: bold;
  line-height: 14px; /* Hauteur de la ligne */
}
.ok {
  background-repeat: no-repeat;
  background-position: top right;
  /*margin-right:30px;*/
  background-image: url(../../images/top/ok.gif);
}

/* CONTENU */
#conteneur #content{
	/*border : 10px solid green ;*/
	margin-left : 205px; 
	padding-left : 20px;
	padding-right : 0px;
	height: 100%;
	padding-top : 20px;
	/*position : relative;*/
	padding-bottom : 100px;
	/*min-height : 550px;*/
	/*width:00px; ca ne sert ı rien */
}
/* Onglets */
#onglets  {	
	
	float:left;
   width:100%;
   margin-bottom : 5px;
   margin-top : 5px;
	
   
}
#content #onglets ul {
	list-style:none;	
	margin-left :0;
}


#onglets li {
    float:left;
	 background:url(../../images/top/inactif_gauche.gif)
      no-repeat left top;
		 padding:0 0 0 6px;
	
}
#onglets li#actif {
   background-image:url(../../images/top/actif_gauche.gif);
}
#onglets #actif a  {
   background-image:url(../../images/top/actif_droit.gif);
	padding-bottom: 5px;
	
}
#onglets li a {
	display : block;
	 background:url(../../images/top/inactif_droit.gif)
      no-repeat right top;
     padding:8px 15px 4px 9px;
	 color : #62C620;
	 float : left ;
	 text-transform: uppercase;
	font-size : 9px; 
}

/* Commented Backslash Hack
     Cache des rıgles ı IE5-Mac \*/
#onglets a {float:none;}
  /* Fin du hack IE5-Mac */
  
#onglets a img{
	float : left ;
	border : 0;
	margin-right:5px;
	margin-top:-2px;
}
#onglets li#finListe{
	 background:url(../../images/top/fin_onglet.gif) no-repeat left bottom ;
	 width : 20px;
	  margin-top:7px;
}
#onglets li#debutListe{
	 background:url(../../images/top/debut_onglet.gif) no-repeat left bottom;
	 margin-top:7px;
	 margin-right : -3px;
	 width : 23px;
}

#onglets img {
	/*width : 17px;
	height : 16px;*/
}

/* Rıcupırı depuis ancienne css*/
#content  p, #content blockquote {
	text-align : justify;
	margin-bottom : 10px;
	
}
#content ul{
	margin-left : 20px;
}

#content  a{
	color: #62C620;
	font-size: 12px;
	text-decoration: none;
}

#content .center{
	text-align:center;
}

#content  .soustitre{
	font: 12px/1.4 Arial, sans-serif;
	color: #62C620;
	font-weight:bold;
}


#content  a:hover{
	text-decoration:underline;
}
#content #lastmodified p{
font: 12px/1.4 Arial, sans-serif;
	font-weight: normal;
	text-align:right;
	color: #bbbbbb;
	text-decoration:none;
}

#content #cat a{
font: 12px/1.4 Arial, sans-serif;
	font-weight: normal;
	
	color: #62C620;
	text-decoration:none;
}
#content #cat a:hover{
	text-decoration:underline;
}

#content  .citation{
	font-size: 26px;
	font-family: Times;
	line-height: 28px;
	color: #4BA0B8;
}

/* Titre de l'article 
#content h2 {
	letter-spacing: 1.8;
	font-weight : normal;
	font-family: HelveticaNeue , Arial    ;
	margin-bottom : 0;
	color : #62C620;
	font-size: 26px;
	line-height: 26px; 
}
*/
#content h2 {
	letter-spacing: 1.8;
	font-weight : normal;
	font-family: HelveticaNeue , Arial    ;
	margin-bottom : 15px;
	color : #62C620;
	font-size: 21px;
	/*font-size: 26px;*/
	line-height: 26px; 
}
#content h2.sousTitre {
	font-weight : normal;
	letter-spacing: 1.8;
	margin-bottom : 20px;
	color : #62C620;
	font-size: 18px;
	position:relative;
	top : -13px;
	
}
#content h2 img{
	margin-top:15px;
}
#content h2.sousTitre img{
	margin-top:0;
}
/* Titre de l'article 
#content h2.sousTitre {
	font-weight : normal;
	letter-spacing: 1.8;
	margin-bottom : 20px;
	color : #62C620;
	font-size: 18px;
	
}*/
/* Titre interne*/ 
#content h3 {
	text-align : justify;
	/*margin-top : 15px;
	margin-bottom : 5px;*/
	color : #62C620;
	font-weight : normal;
	letter-spacing: 1.8;
	font-size: 13px;
	
}
#content h4 , h4{
	text-align : left;
	/*margin-top : 15px;
	margin-bottom : 5px;*/
	color : #62C620;
	font-weight : normal;
	letter-spacing: 1.8;
	font-size: 12x;
	
}

#cat h3 {
	margin-top : 15px;
	margin-bottom : 5px;
}
#cat h3 a {
	
	
	color : #62C620;
	font: bolder 12px/1.4;
	text-decoration :none; 
}

#content  .soustitre{
	font: 12px/1.4;
	color: #62C620;
	
}



/* Footer positionnı en bas*/


#conteneureeeeee #footer{
	/*border : 1px solid yellow ; */
	/*margin-top :120px;*/
	position : relative;
	bottom : 0;
	
	text-align : center;
	/*margin-top : 20px;
	margin-bottom:20px;*/
	margin-left : 200px;
	color : #62C620;
	
	font: 11px/1.2 Arial, Helvetica, sans-serif;
}
#content #footer{
	/*border : 1px solid yellow ;*/
	/*margin-top :120px;*/
	/*position : relative;
	bottom : 0;*/
	/*margin-top : 10px;*/
	/*position : absolute;
	bottom : 10px;
	left : 210px;*/
	/*width : 560px ;*/
	/*clear:both;*/
	position : absolute;
	bottom : 10px;
	left : 210px;
	width : 560px ;
	text-align : center;
	/*margin-top : 20px;
	margin-bottom:20px;*/
	/*margin-left : 200px;*/
	color : #62C620;
	font: 10px/1.2 Arial, Helvetica, sans-serif;
}
#footer p{
	text-align : center;
	margin:0;
}

#footer p  a {
	text-transform: uppercase;
	color : #62C620;
	margin-right : 3px;
	margin-left : 3px;
	
}

#footer p#copyright{
	color : #666;
}
 p#copyright img{
	border : none;
	padding:0;
	/*display : block;*/
	margin-bottom: -2px;
}

a{
	text-decoration: none ;
}
a:hover{
	text-decoration:underline;
}

/* clearer */
.spacer {
	clear : both ;
	width:100%;
	float: none;
}

.puce {
	background:url(../../images/top/puce.gif) no-repeat 0px 6px; 	
	margin-top:17px;
	margin-left: 0px;
	padding-left: 10px;
	font-weight: bold;
	display:block;
	
}



.obligatoire{
	color : red;
}

table.tableau  td.actions{
	padding:0;
}

/*  Tableau */
table.tableau{
	font-size : 80%;
	background-color: #F1F3F8;
	border: 1px solid #999;
	margin-left : 5px;
	margin-right : 5px;
	/*width : 100% ;*/
	margin-top : 10px;
	margin-bottom : 10px;
	
	/*clear : left ;*/
}
table.dutch{
	font-size : 70%;
}
table.dutch tbody tr td{
	text-align: left;
	padding : 1px 0px 1px 1px;
	border-top: 1px solid #FFFFFF;
}
table.dutch thead tr th{
	background-color: #D4D9E4;
	border-top: none;
	border-bottom: none;
	text-align: left;
	font-weight: bold;
	padding : 1px 0px 1px 1px;
}

div.center {
	text-align : center ; 
}
div.center table.tableau{
	
	margin:0  auto;
	text-align:left;
	margin-top : 10px;
	margin-bottom : 10px;
	
	/*clear : left ;*/
	
	
}
table.tableau thead{
	width : 100%;
}
table.tableau tbody{
	width : 100%;
}
table.tableau tbody tr td{
	text-align: left;
	padding : 2px 2px 2px 10px;
	border-top: 1px solid #FFFFFF;
}
table.tableau thead tr th{
	background-color: #D4D9E4;
	border-top: none;
	border-bottom: none;
	text-align: left;
	font-weight: bold;
	padding : 2px 2px 2px 5px;
}


/* Galerie photo*/
div#photo {
	height : 230px ;
	overflow:hidden;
	/*border : 1px solid blue;*/
	
	width: 100%;
	
} 
div#photo img{
	float : left ;
	display : block;
	margin-right : 10px;
	margin-left : 10px;
	/*height : 229px;*/
} 
div#photo p {
	clear : right ;
}
div#photos {
	
	/**/
	/*width : 530px;*/
	/*border : 1px solid blue;*/
}

div#photos div.photo {
	float : left ; 
	margin : 10px; 
	width : 150px;
	
}

p.clear { clear: both;   margin: 0; padding: 0; }


.clearfix:after {
    content : "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


ol#questionnaire {
	margin-left : 25px;
	margin-top : 3px; 
}


/* Spıcial formulaire*/
fieldset{
	padding : 0; 
	padding-bottom : 10px;
	border : 0 ;
	margin-bottom : 20px;
	margin-top : 5px;
	
	
}

#content p.erreur{
	text-align : left ;
	font-weight: bold;
	/*margin-left : auto;*/
	margin-top : 15px;
	/*margin-right : 10%;
	margin-left : 10%;*/
	padding-top : 10px;
	padding-bottom : 10px;
	/*border : 1px solid  #B22222;*/
	color : #B22222 ; 
}

fieldset input.textInput, fieldset textarea{
	color : #000 ; 
	border : 1px solid #7F9DB9;
	width : 99%;
	margin-right:2px;
}

input.radioBouton {
	color: #7F9DB9;
	vertical-align : middle;

	
}
 fieldset textarea{
	height : auto;
	width : 99%;
	/*overflow : hidden;*/
	

}

p.compulsory{
	/*padding-left : 80%;*/
	text-align : right ;
	font-size: 9px;
	margin-bottom : 0;

	
}

ul.listeHorizontale {
	margin-top : -4px;
	margin-bottom : 0px;
	list-style: none;
}

ul.listeHorizontale  li {
	margin-top : 0px;
	margin-bottom : 0px;
}

fieldset div.fieldsetBloc{
	background-color : #F0F0F0;
	padding :  10px 10px 0 10px; 
	margin-top : 10px;
	/*width:700px;*/
	width: 850px;
	/*margin-bottom : 15px;*/
	border : 1px solid #62C620;
}
fieldset label{
	color : #48A60A;
	font-weight: bold;
	margin-left : 1px;
}

label.listeDechoix{
	color : #666;
	font-weight: normal;
	
}

legend{
	color : #62C620;
	margin-left : 0;
	padding-left : 0;
	text-indent : 0;
	font-weight: bold;
	/*margin-bottom : 10px;*/
	
}

div.floatcontainer {
	/*border: 1px solid #000000;*/
	overflow: hidden;
	/*width: 100%;*/
	width: auto;
}

div.floatcontainer p.left ,div.floatcontainer div.left{
	/*width: 31%;*/
	width: 250px;
	float: left;
	margin-right:10px;
}

div.floatcontainer p.right, div.floatcontainer div.right{
	width: 33%;
	float: right;
}


label.obligatoire{
	color : #B22222;
}

/* Pager */

div#pager{
	float : right ;
	margin-top : 5px;
}

#pager #firstPage , #pager #nextPage ,#pager #previousPage ,#pager #lastPage{
	width: 11px;
	height: 9px;
	margin-top :4px;
	margin-bottom: 1px;
	margin-right: 5px;
	color: #ECE9D8;
	display : block;
	float : left ;
	text-decoration : none;
	background-repeat : no-repeat ; 
}


#pager #firstPage{ 
	background-image: url(../../images/top/first.jpg);
}

#pager #firstPage:hover{
	background-image: url(../../images/top/firstOver.jpg);
}

#pager #nextPage{
	background-image: url(../../images/top/next.jpg);
}

#pager #nextPage:hover{
	background-image: url(../../images/top/nextOver.jpg);
}

#pager #previousPage {
	background-image: url(../../images/top/prev.jpg);
}

#pager #previousPage:hover {
	background-image: url(../../images/top/prevOver.jpg);
}

#pager #lastPage{
	background-image: url(../../images/top/last.jpg);
}

#pager #lastPage:hover{
	background-image: url(../../images/top/lastOver.jpg);
}

/* classes utilitaires ( javascript et co) */
.hide{ 
	position: absolute; 
	left: -50000px; 
}

.hided { 
	display: none; 
}

#sommaire {
margin: 0 0 30px 22px;
}

#sommaire ol {
list-style: decimal;
color: #62C654;
}

.showed {
margin-left: 6px;
}