/* Mise en page */

* {

	margin : 0;
	padding : 0;

}

body {
	background: url(img/bg_body.gif) repeat-x top white;
	color:#6f7072;
	font-family: Arial, "Times New Roman", "Trebuchet MS",Verdana,Geneva,Helvetica,sans-serif;
	font-size:11pt;
	padding:0;
	text-align: center;
}

input[type=checkbox]{
border:solid 1px #fff;
background-color:#fff;
}

#conteneur {
	position : relative;
	top : 0;
	width: 1000px;
	text-align: left;
	margin: 0 auto;
	border : 1px solid #707173;
	border-top : none;
	background : url(img/bg_conteneur.gif) no-repeat bottom center white;
}

/* Mise en forme des �l�ments par d�faut */
a img {
	border : none;
	margin : 2px;
}

.clearer{
  clear:both;
  height:5px; 
  /*border: solid 1px red;*/
}
/* ======== Contenu ==========*/
#contenu {
	margin : 0px 260px 80px 220px;
	width : 510px;
	background: url(img/bg_contenu_ombre.jpg) repeat-y top right;
	position : relative;
	top : -80px;
	clear : both;
}
#contenu h1 {
	color : #306792;
}

#contenu #content {
	background : url(img/bg_contenu.jpg) no-repeat bottom center;
	padding-bottom :20px;
	font-size : 11.5pt;
	padding-right : 20px;
	padding-left:5px;
	/*padding-top:20px;*/
}

#contenu #content h1{margin-top:20px;}

#contenu .bloc{display:none;}

#content .first {
	background : url(img/cache_ombre.png) no-repeat top right;
	
	margin-right : -20px;
	padding-right: 20px;
}

#content img.content {
	float : left;
	margin:5px;
}
#content p.img {
	text-align : center;
	margin : 0;
	background:none;
	float : left;
	padding : 5px;
}
#content img.droite {
	float : right;
}

/*#content div div {
	margin-left : 200px;
	background: url(img/bg_content.png) repeat-x bottom;
	padding : 5px;
	margin-bottom: 20px;
}*/
#content .item .texteDroite {
	padding : 5px;
	margin-bottom: 10px;
	margin-left:5px;
}

.texteDroiteFloat {float:right; width:270px;}

.actuImg{float:left; width:260px;}
.actuTexte{margin:10px;}

#content .item .imgGauche{float: left;
 width:200px;
 margin : 10px;
 padding-right:15px;}
 
#content .cadreGris {
	margin-left : 0px;
	
	background: url(img/bg_content.png) repeat-x bottom;
	pafdding-left:5px;
	padding-bottom:10px;
}

.full img{padding-right:15px;}

#content h1 {
	font-size : 12pt;
	margin-bottom:5px;
}
#contenu .item {
	padding : 0;
}
#contenu .item div {
	font-family: "Times New Roman", Times, serif;
}
#content div div ul {
	margin-left : 25px;
}
#content .item a {
	color : #306792;
}


/* header */
#conteneur #header {
	background: url(img/bg_header.gif) no-repeat top center;
	height : 300px;
	padding-bottom:20px;
}
#header .downloads {
	position : relative;
	top : 160px;
	left : 248px;
	width : 200px;
}
#header .downloads img {
	float : left;
	margin-right:5px;
}
#header .downloads a {
	color : #306792;
	font-size : 11pt;
	text-decoration:none;
	padding-top:0px;
	display:block;
}
#header .downloads a:hover {
	text-decoration:underline;
}

#conteneur .contact {
	float : right;
	color : #4a4a4a;
	margin : 10px 10px 0 0;
	text-align: right;
	font-family: Arial, "Times New Roman", sans-serif;
}


/* colonne gauche */
#conteneur #gauche {
	/*margin : -250px 0 100px 20px;
	float : left;*/
	position : absolute;
	left : 20px;
	top : 50px;
	width : 180px;

}

#conteneur #gauche #language .selected img {
	border : 2px solid white;
}
#conteneur #gauche #language a {
	padding : 0;
}
#conteneur #gauche #language img {

}

#conteneur #buttons {
	text-align : right;
	margin : 10px 0;
}



/*******************
*        connexion            *
*******************/
#connexion {
	color : #4a4a4a;
	background : url(img/bg_bloc_blanc.gif) repeat-y right;
	vertical-align:top;
	text-align:center;
}
#connexion h3 {
	background: url(img/bg_titre_orange.gif) no-repeat top center;
	height : 52px;
	font-size : 14pt;
	color : white;
	text-align:center;
	display:block;
	line-height:45px;
}

#connexion fieldset {
	border : none;
	background : url(img/bg_bloc_blanc_bottom.gif) no-repeat bottom right;
	margin : 0;
	padding-bottom : 15px;
	padding-right : 5px;
}


#connexion fieldset label {
	display : block;
	text-align: center;
	font-style : italic;
	/*height : 25px;
	line-height:30px;*/
	height : 20px;
	line-height:20px;
	padding-right:5px;
	font-size : 10pt;
	padding-left : 0;
}
#connexion fieldset label.first {
}

#connexion input[type=text], #connexion input[type=password] {
	background : #9d9ea0;
	border: 1px solid #2c2c2c;
	color:white;
}
#connexion input.submit {
	color:white;
	background:#E39103;
	/*height : 20px;*/
	height : 18px;
	font-weight:bold;
	margin-left : 0px;
	padding-bottom: 10px;
}

#connexion .memorise input[type=checkbox], #connexion input.memorise {
border:solid 1px #fff;
background-color:#fff;
}
/* message connexion erroné  */
.loginIncorrect{height: 200px; text-align:center; padding-top:25px;}

/*déconnexion Logbox*/
#connexion a{text-decoration:none; color:#FF9900;}
#connexion a:hover{text-decoration:none; color:#333333;}


#lienbox {
	display : block;
	text-align: left;
	background: url(img/fond_lien.png);
	padding-right:5px;
	font-size : 8pt;
	padding-left : 3px;
}
#lienbox a{text-decoration:none; color:#49729C;}
#lienbox a:hover{text-decoration:underline; color:#333333;}

/******************************
*                       menu
******************************/

#menu ul, #menu, #reservoir ul li{
	list-style-type : none;
}

#menu li a, #reservoir a {
	background : url(img/bg_titre_gris.gif) no-repeat center left;
	height : 44px;
	font-size : 14pt;
	color : white;
	display : block;
	text-align:right;
	padding-right : 15px;
	text-decoration:none;
	margin-bottom : 5px;
	line-height:48px;
}

#menu li a:hover {
	padding-right : 10px;
	line-height:48px;
	background: url(img/bg_titre_gris_hover.gif) no-repeat center left;
}

#menu li a.none:hover {
	background: url(img/bg_titre_gris.gif) no-repeat center left;
	line-height:48px;
	padding-right:15px;
}

#menu li.selected a {
	background : url(img/bg_titre_bleu.png) no-repeat center left;
}
#menu li.selected a:hover {
	background : url(img/bg_titre_bleu.png) no-repeat center left;
}

/* sous menu */

#menu li {
	position : relative;
}
#menu li ul {
	background : url(img/bloc_bleu_bottom.png) no-repeat left bottom;
	display: none;
	width : 180px;
	margin-top:-10px;
	margin-bottom: 10px;
}

#menu li li {
	line-height : 30px;
}

/*#menu  .smenu a*/
#menu li li a{	
	background : none;
	font-style : italic;
	border-bottom : 1px dashed white;
	height : 30px;
	display : block;
	line-height : 30px;
	margin-bottom : 0;
	}

#menu li li.selected a {
	color : #49729c;
}
#menu li.selected {
	background:none;
}
#menu li li a:hover {
	background : url(img/bg_bloc_bleu.png) repeat-y left;
	line-height : 30px;
}

#menu li li.last a {
	border : none;
}

#menu ul li a:hover{
	display : block;
}

#menu li:hover>.smenu, #menu li:hover .smenu {display:block;}

#menu li a:hover .smenu { 
	margin-top:-13px; margin-left:0px; width:180px;
	}

a.reservoir:hover {
	background : url(img/bg_titre_gris.gif) no-repeat center left;}
/*====== Colonne droite ======*/
#droite {
	/*width : 225px;
	float:right;
	background : url(img/bloc_bleu_mini.gif) repeat-y left;
	text-align:left;
	margin-top : -70px;
	margin-right:10px;*/
	
	position: absolute;
	top : 225px;
	left : 762px;
	width : 225px;
	background : url(img/bloc_bleu_mini.gif) repeat-y left;
}
#droite h4 {
	color : white;
	text-align: center;
	background : url(img/bloc_bleu_mini_titre.png) no-repeat top;
	padding : 2px 5px 0 0;
	font-size:13pt;
}
#droite .item h3 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:10pt;
	color : #306792;
}
#droite .item {
	padding : 5px 10px 10px 10px;
	line-height:12px;
}
#droite .item img {
	margin : 0 5px 5px 0;
	float : left;
}
#droite .item a {
	color : #49729c;
	font-family: Arial;
	font-size:9pt;
	text-decoration:none;
}

#droite .item a:hover{
color:#333333;
text-decoration:underline;}

#droite .item i {
	display: block;
	text-align:center;
	color : #18456D;
	font-weight:bold;
}
hr {
	border : none;
	clear:both;
	visibility: hidden;
}
#droite .downloads img {
	float : left;
}
#droite .downloads a {
	color : #6f7072;
	display : block;
}
#droite .news {
	background : url(img/bloc_bleu_mini_bottom.gif) no-repeat bottom;
}
#droite .last {
	padding-bottom : 25px;
}

#droite hr {
	border: none;
	clear:both;
}

/*===== Footer ======*/
#footer {
	bottom : 0;
	left : 0;
	background : url(img/bg_footer.gif) repeat-x top;
	text-align : center;
	height : 46px;
	line-height:46px;
	clear:both;
}
#footer a {
	color : white;
	text-decoration:none;
	padding : 0 20px;
}
#footer a:hover {
	text-decoration : underline;
}



/*==== Footer ====*/
fieldset {
	border : 1px solid white;
}

form table {
	width : 100%;
}
form table th {
	text-align : right;
}
form table td {
	text-align: center;
}



/*====== Contact =====*/
form table th {
	text-align : right;
}
form table td input, form table th textarea {
	background : url(img/bg_input.gif) repeat-x bottom white;
	border : 1px solid #306592;
}
form table th textarea {
	width: 280px;
	height : 250px;
}
form .submit {
	background : #306592;
	border : none;
	color : white;
}
form .centre {
	text-align: center;
}


/*==== Contenu ====*/
input.erreur {
	border : 1px solid red !important;
}
span.erreur {
	color : red;
	font-style:italic;
}

/*===== Bulle ======*/
/* Prototip.css */

.bulle {
	width: 250px; color: #fff;
}
.bulle .title {
	background : url(img/bloc_bleu_mini_titre_contact.gif) no-repeat top  #88A5B4;
	font-weight:bold;
}
.bulle .content {
	background : url(img/bloc_bleu_mini_contact.gif) repeat-y left;
	color : #37677F;
	text-align:left;
	padding:5px;
}
.bulle .content a {
color : #37677F;
}

.pinktip { border: 5px solid #a1a1a1; }
.pinktip .title { background: #ff1e53; color: #fff; font: italic 17px Georgia, serif; padding: 5px; }
.pinktip .content { background: #fff; color: #555555; padding: 5px; }

/* Effects like 'blind' go a little bit better when 
   there is no border on the tooltip itself.
   Put the borders on .title and .content instead,
   here's how to do that: */
.darktip { width: 200px; }
.darktip .title, .darktip .content { border: 5px solid #999999; padding: 5px; }
.darktip .title { border-bottom: none; background: #606060; color: #fff; font: italic 17px Georgia, serif; }
.darktip .content { border-top: none; background: #808080; color: #fff; font: 11px Arial, Helvetica, sans-serif; }


#flash { font-size:11px; background-image:none; background-color:#FFFFFF;}

/* rubrique CONDITIONS GENERALES */
.logoGauche{float:left; width:50px;}
.lienDroite{}

.nomClient{font-weight:bold; color:#000000; margin:10px; }