* {
  margin: 0px;
  padding: 0px;
}
img{
	border:0px;
}

h1{
color:#6F6F6F;
text-align:left;
padding-top: 20px;
padding-bottom: 10px;
padding-right:0px;
height:20px;
font-size:16px;
font-weight:normal;
}


h2{
	float: left;
	clear: right;
	width: 500px;
	color: #111844;
	text-align: left;
	padding-left: 10px;
	height: 30px;
	background-image: url(img/lignes.gif);
	background-repeat: no-repeat;
	background-position: 0px 15px;
	font-size: 13px;
	font-weight: bold;
	float: left;
}
h3{
	float: left;
	width: 500px;
	color: #111844;
	text-align: left;
	padding-left: 10px;
	height: 15px;
	font-size: 13px;
	font-weight: bold;
	float: left;
	
}

body{
	font: 13px/1.22 arial,helvetica,clean,sans-serif;
	
}

body {
	/*font-family: "MS Sans Serif", Geneva, sans-serif;*/
	font-family: Arial, Verdana, Sans-Serif;

	padding: 0px;
	text-align: center;
	margin: 0px;
	background-color: #FFFFFF;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	width: 100%;
	height: 100%;
}

p{
	position: relative;
	display:inline;
	float:left;
}

#global {
display:block;
width:1024px;
height:300px;
color:#111844;
background-image: url(img/logo.gif);
background-repeat: no-repeat;
background-position: 0 0;
text-align: center;
position:relative;
margin-top: 0;
margin-right: auto;
margin-bottom: 0;
margin-left: auto;
padding-right: 0;
padding-bottom: 0;
padding-left: 0;
padding-top: 0;
}




#bandeau {
	height: 135px;
	width: 100%;
	text-align: left;
	

	}

#margebas {
height:23px;
width: 100%;
float:left;
position:relative;
}

#bas {

padding-top:10px;
float:left;
position:relative;
width: 100%;
height:20px;
font-size: 11px;
/*color: #575D8B;*/
color:#111844;
border-bottom:solid 1px #BFC2DF;
}

#bas a {



text-decoration: none;
color:#111844;

}

#ariane p,#ariane a{
	color: #FFFFFF;
	text-decoration: none;
	float: left;
	
}
#ariane a p{
	cursor: pointer;
}


#ariane{
float:left;
height:20px;
position:relative;
display:inline;
background-color: transparent;
width :774px;
text-align:left;
margin-left:250px;
padding-top:10px;
font-size:10px;

text-decoration:none;
}

#contenu {
	width:100%;
	float: left;
	color:#111844;
	background-color: #111844;
	border-top: hidden;
	border-bottom: hidden;
	margin: 0;
	padding: 0;
	border:0;
}

#colonneDeGauche {
float:left;
left:0px;
position: relative;

background-image: url(img/logo.gif);
background-repeat: no-repeat;
background-position: 0  -185px;

	list-style-type: none;
	text-align: left;
	width: 250px;
	height:560px;
	float: left;
	padding-left: 0px;
	padding-right: 0px;
	margin-left: 0px;
	margin-right: 0px;
	display: inline; /*sinon ie double les margin*/

	overflow:hidden;
}
#colonneDeGauche #menu_gauche{
float:left;
margin: 0px;
position: relative;
top:165px;
left:33px;
width:100%;


}

#colonneDeGauche #menu_gauche .bouton .bouton_clique{
background-position: 20px 0px;
background-color: transparent;
}
#colonneDeGauche #menu_gauche .bouton .bouton_pas_clique{
background-position: 0px 0px;

}

#colonneDeGauche #menu_gauche .bouton{
margin-top:10px;
width:217px;
height:25px;
background-image: url(img/fond_menu_gauche_bouton.gif);
background-repeat: repeat-y;
}

#colonneDeGauche #menu_gauche .bouton a{
padding-left: 0px;
font-size: 9px;
color: #6F6F6F;
text-decoration: none;
display: block;
width:100%;
height:100%;
background-position:0px 10px;
background-repeat: no-repeat;
padding-top: 0px;
padding-bottom: 0px;
background-color: #111844;
}

#colonneDeGauche #menu_gauche .sousbouton .sousbouton_clique{
background-position: 20px;
}

#colonneDeGauche #menu_gauche .sousbouton{
width:217px;
height:20px;
background-image: url(img/fond_menu_gauche_sousbouton.gif);
background-repeat: repeat-y;
}

#colonneDeGauche #menu_gauche .sousbouton a{
padding-left: 0px;
font-size: 9px;
color: #6F6F6F;
text-decoration: none;
display: block;
width:100%;
height:100%;
background-repeat: no-repeat;
padding-top: 0px;
padding-bottom: 0px;
}
#colonneDeGauche #menu_gauche .sousbouton a:hover{
background-position: 5px;
background-color: #111844;
}
#colonneDeGauche #menu_gauche .sousbouton .sousbouton_clique{
background-position: 20px;
}
.ferme  {
background:000000;
display: none;
overflow:hidden;
}



#colonneDeMilieu {
position: relative;
float:left;
display: inline; /*sinon ie double les margin*/
overflow: auto;

		background-color: #FFFFFF;
	text-align: justify;
	
	width: 560px;
	height:560px;
	float: left;
font-size:11px;
	margin: 0px;
	padding:0px;
	border:0;
	
}


 .texte{
margin-top:30px;
margin:10px;
padding:0;
position:relative;
float:left;
display: inline; /*sinon ie double les margin*/


}





.loupe {
z-index: 1;
margin:0;
padding:0;
width:52px;
height:52px;
float:left;
background: none; /* correction d'un bug IE */
}

.loupe a{
text-align:center;
position: absolute;
margin:0;
padding:0;
width:52px;
height:52px;
float:left;
background: none; /* correction d'un bug IE */
display: block;

}


.loupe .clique {

	width:52px;
	height:50px;
	border: 2px solid #000000;
	border-left: 1px solid #000000;
	border-right: 1px solid #000000;
	z-index: 2;
}

.loupe a:hover{
	
	background: none;   /* correction d'un bug IE */
	position: absolute;
	z-index: 5;
display: block;

}

.loupe a img{
border:0;
	width:50px;
height:50px;

}

.loupe a:hover img{

	width:100px;
	height:100px;
position: absolute;
z-index: 5;
left:-25px;
top:-25px;
background: none; /* correction d'un bug IE */
border: 2px solid #DAB521;
}

.loupe .clique img{
width:70px;
height:70px;
position: absolute;
z-index: 5;
left:-13px;
top:-13px;
background: none; /* correction d'un bug IE */
border: 2px solid #DAB521;

}




.d{
float:right;
padding-left: 10px;
padding-right: 10px;
padding: 10px;

margin:0;
position:relative;
}

.g{
float:left;
padding-left: 10px;
padding-right: 10px;
padding: 10px;

margin:0;
position:relative;
}
.brique{
float:left;
padding:0px;
display:block;
margin:0;
margin-bottom:20px;
position: relative;
display: inline; /*sinon ie double les margin*/
}

 .bloc{
 
float:left;
width:100%;

position:relative;
text-align: justify;
font-family: Arial, Verdana, Sans-Serif;
font-size: 11px;
padding-bottom:0px;
margin-bottom:10px;

display: inline; /*sinon ie double les margin*/

}

.bloc p {
padding:10px;
	}





.bloc50d , .bloc75d , .bloc100d , .bloc125d , .bloc150d , .bloc175d , .bloc200d , .bloc225d , .bloc250d , .bloc275d , .bloc300d , .bloc325d , .bloc350d , .bloc375d , .bloc400d , .bloc425d , .bloc450d , .bloc475d , .bloc500d {
float:right;
padding-left: 10px;
padding-right: 10px;
padding: 10px;

display:block;
margin:0;
background-image: url(img/fond_bloc.gif);

background-position: right bottom;
background-repeat: no-repeat;
position:relative;
text-align: justify;
font-family: Arial, Verdana, Sans-Serif;
font-size: 11px;
}
.bloc50g , .bloc75g , .bloc100g , .bloc125g , .bloc150g , .bloc175g , .bloc200g , .bloc225g , .bloc250g , .bloc275g , .bloc300g , .bloc325g , .bloc350g , .bloc375g , .bloc400g , .bloc425g , .bloc450g , .bloc475g , .bloc500g  {
float:left;
padding-left: 10px;
padding-right: 10px;
padding: 10px;

display:block;
margin:0;
background-image: url(img/fond_bloc.gif);
background-position: right bottom;
background-repeat: no-repeat;
position:relative;
text-align: justify;
font-family: Arial, Verdana, Sans-Serif;
font-size: 11px;
}

.bloc50 , .bloc75 , .bloc100 , .bloc125 , .bloc150 , .bloc175 , .bloc200 , .bloc225 , .bloc250 , .bloc275 , .bloc300 , .bloc325 , .bloc350 , .bloc375 , .bloc400 , .bloc425 , .bloc450 , .bloc475 , .bloc500 {
float:left;
padding-left: 10px;
padding-right: 10px;
padding: 10px;
display:block;
margin:0;

position: relative;
text-align: justify;
font-family: Arial, Verdana, Sans-Serif;
font-size: 11px;
}

.bloc50 , .bloc50d , .bloc50g{
width:50px;
}

.bloc75 , .bloc75d , .bloc75g{
width:75px;
}
.bloc100 , .bloc100d , .bloc100g{
width:100px;

}
.bloc125 , .bloc125d , .bloc125g{
width:125px;
}
.bloc150 , .bloc150d , .bloc150g{
width:150px;

}

.bloc175 , .bloc175d , .bloc175g{
width:175px;
}
.bloc200 , .bloc200d , .bloc200g{
width:200px;

}
.bloc225 , .bloc225d , .bloc225g{
width:225px;
}
.bloc250 ,.bloc250d , .bloc250g{
width:250px;

}
.bloc275 , .bloc275d , .bloc275g{
width:275px;
}
.bloc300 , .bloc300d , .bloc300g{
width:300px;

}
.bloc325 , .bloc325d , .bloc325g{
width:325px;
}
.bloc350 , .bloc350d , .bloc350g{
width:350px;
}
.bloc375 ,.bloc375d , .bloc375g{
width:375px;
}
.bloc400 , .bloc400d , .bloc400g{
width:400px;
}
.bloc425 , .bloc425d , .bloc425g{
width:425px;
}
.bloc450 , .bloc450d , .bloc450g{
width:450px;
}
.bloc475 , .bloc475d , .bloc475g{
width:475px;
}
.bloc500 , .bloc500d , .bloc500g{
width:500px;
}

.encadre{
	border:1px solid;
}
.accroche{
	font-size: 16px;
	font-weight: bold;
	font-style: italic;
}

.important{
color: White;
	background-color:#111844;
	padding: 10px;
	display:block;
}


.lien{
	float:right;
	background-color: #DAB521;
	padding-left:5px;
	padding-right:5px;
	margin-top:10px;
	margin-bottom:10px;
	text-decoration:none;
	color:#FFFFFF;
	border: 2px solid #FFFFFF;
	position:relative;
	display: inline; /*sinon ie double les margin*/
}

.lien:hover{
	background-color: #111844;
}

.lien_normal{
	padding:0;
	margin:0;
	
	margin-top:5px;
	background-color: #DAB521;
	padding-left:5px;
	padding-right:5px;
	text-decoration:none;
	color:#FFFFFF;
display:inline;
height:15px;

position:relative;
line-height:15px;
	
}

.lien_normal:hover{
	background-color: #111844;
} 



FORM {
	margin: 0;
}
FORM * {
	font: 11px Arial, Verdana, Sans-Serif;
}
TEXTAREA, INPUT, LABEL {
	margin: 0px 0px 0px 0px ;
	padding: 0px 0px 0px 0px ;
}
.formulaire  {
width: 460px;
  margin: 0px;
  padding: 0px;
	  padding-left: 30px;
}


.formulaire .champ {

width: 110px;
height:13px;
float:left;
padding-left:2px;
margin-bottom:5px;
border:solid 1px;	
border-color: #111844;
}

.formulaire .intitule {
float:left;
padding:0px;
margin:0px;
width: 100px;
height: 20px;
font-weight:bold;
}
.formulaire .espace {
float:left;
padding:0px;
margin:0px;
width: 30px;
height: 20px;

}

.formulaire .area {
float:left;
width: 454px;
height: 100px;
border:solid 1px;	
border-color: #111844;
padding-left:2px;
margin-bottom:10px;
}

.formulaire .verif{

float:left;
width: 450px;
height: 50px;

}

.formulaire .verif .verif_champ {
clear:right;
float:right;

}

.formulaire .verif .crypto {
float:right;
padding-left:0px;
margin-left:0px;
padding-left:0px;
margin-left:0px;
}

.formulaire .verif .verif_intitule{
float:right;
width: 100px;
height: 20px;
padding-left:0px;
margin-left:0px;
padding-left:0px;
margin-left:0px;
}

.formulaire .titreformulaire{
	width:400px;
	padding-left:0px;
	margin-left:0px;
	padding-top: 20px;
	padding-bottom: 10px;
	color: #A8111C;
}

#submit {
	float:right;border: 1px #000 solid; cursor: pointer; padding: 0px; color: #fff; background-color: #111844; width: auto; margin-top:5px;
}

.alerte{
	float:left;
padding-left: 10px;
padding-right: 10px;
padding: 10px;
color: #FF0000;
display:block;
font-weight: bold;
margin:0;
position:relative;
text-align: justify;
font-family: Arial, Verdana, Sans-Serif;
font-size: 11px;
}


.focus{
border-bottom:solid 1px;	
background-color: #FF0000;
color:#FFFFFF;
}

.box_pop_up{
	background: none; /* correction d'un bug IE */
	position: relative;
	top: 0;
	left: 0;
	float:left;
	z-index: 200;
}

.pop_up{

	position: absolute;
	top:25px;
	left:25px;
	
	width:400px;
z-index: 200;
	
	display:block;

}
.pop_up_menu {
	background:url(img/fond_pop_up_menu.png);
	width:100%;
	display:block;
	float:left;
	height:20px;
}
.pop_up_contenu {
	background-color: #fe911c;
	width:100%;
	
	float:left;
	
border:1px solid #111844;
	display: block;
	
}
.bouton_fermer {
float:right;
clear:left;
text-align:left;
margin:10px;
margin-top:0px;
padding:0px;
text-decoration: none;
height:20px;
padding-right:25px;
color:#FFFFFF;
line-height:20px;
vertical-align:top;
display:inline;
background-image: url(img/fermer.png);
background-repeat: no-repeat;
background-position: right;
}
#bandeau_flash{
position:relative;
left:217px;
width:807px;
height:105px;
	}