a img{
border:none;
}

h2 {
font-size:large;
font-style:italic;
}

b{font-size: 110%;}
em{color: red;}

#maincontainer{
width: 842px; /*Width of main container*/
margin: 0 16.6%; /*Center container on page*/
background: #ffffff;
height:100%;
}

#topsection{
background: #ffffff;
height: 129px; /*Height of top section*/
}
.drapeaux{
position:relative;
top:-120px;
left:20px;
width:200px;
 border:none;
font-size:x-small;  
}
#topsection h1{
margin: 0;
padding-top: 15px;
height:120px;
}

#contentwrapper{
float: left;
border-right:0px;
width: 100%;
margin-top:12px;
background: #ffffff url(images/bglivre_left.png) no-repeat bottom left;

}

#contentcolumn{
margin-left: 205px; /*Set left margin to LeftColumnWidth*/
border-right: 1px #1d1f61 solid;
border-bottom: 1px #1d1f61 solid;
padding:10px;
padding-right:20px;
margin-right: 5px;
margin-bottom: 5px;
height:100%;
margin-top:35px;
background: #ffffff url(images/bglivre.png) no-repeat bottom right;
font-size:x-small;
text-align:justify;
overflow:hidden;
}

#leftcolumn{
float: left;
margin-top:37px;
width: 200px; /*Width of left column*/
margin-left: -842px; /*Set left margin to -(MainContainerWidth)*/
}

#footer{
height:20px;
clear: left;
width: 100%;
background: black;
color: #FFF;
text-align: center;
font-size:x-small;
background-color: #17284b;
}

#footer a{
color: #FFFFFF;
}

.innertube{
padding:10px;
margin-right:0;
margin-top: 0;
margin-bottom:0px;	
padding-bottom:0px;
border-top: 2px white solid;
/*background-image: url(images/terre.png);*/
background-position:5% 50%;
background-repeat: no-repeat;
}

.innertubeEN{
padding:10px;
margin-right:0;
margin-top: 0;
margin-bottom:0px;	
padding-bottom:0px;
border-top: 2px white solid;
/*background-image: url(images/terreEN.png);*/
background-position:5% 50%;
background-repeat: no-repeat;
}

.menucontainer{
margin-left:3px;
margin-bottom:0px;
padding-bottom:0px;
}

/*//////////////////////////////////////////////////////////////////////////////////// Menu*/

#ddblueblockmenu{
border: 1px solid black;
border-bottom-width: 0;
width: 185px;
}

#ddblueblockmenu ul{
margin: 0;
padding: 0;
list-style-type: none;
font: normal 90% 'Trebuchet MS', 'Lucida Grande', Arial, sans-serif;
}

#ddblueblockmenu li a{
display: block;
padding: 3px 0;
padding-left: 9px;
width: 169px; /*185px minus all left/right paddings and margins*/
text-decoration: none;
color: white;
background-color: #2175bc;
border-bottom: 1px solid #90bade;
border-left: 7px solid #1958b7;
}
#ddblueblockmenu li p{
display: block;
padding: 3px 0;
margin-top:0px;
width: 178px; /*185px minus all left/right paddings and margins*/
text-decoration: none;
text-align:center;
font-size:x-small;
color: white;
background-color: #2175bc;
border-left: 7px solid #1958b7;
padding-bottom:100px;
margin-bottom:0px;
}

* html #ddblueblockmenu li a{ /*IE only */
width: 187px; /*IE 5*/
w\idth: 169px; /*185px minus all left/right paddings and margins*/
}

#ddblueblockmenu li a:hover {
background-color: #2586d7;
border-left-color: #1c64d1;
}

#ddblueblockmenu div.menutitle{
color: white;
width:98%;
border-bottom: 1px solid black;
padding: 1px 0;
padding-left: 5px;
background-color: black;
font: bold 90% 'Trebuchet MS', 'Lucida Grande', Arial, sans-serif;

}


/* MENU2 */
#ddblueblockmenu2{
border: 1px solid black;
border-bottom-width: 0;
width: 185px;
}

#ddblueblockmenu ul{
margin: 0;
padding: 0;
list-style-type: none;
font: normal 90% 'Trebuchet MS', 'Lucida Grande', Arial, sans-serif;
}

#ddblueblockmenu2 a{
display: block;
padding: 3px 0;
padding-left: 9px;
width: 169px; /*185px minus all left/right paddings and margins*/
text-decoration: none;
color: white;
background-color: #2a4988;
border-bottom: 1px solid #90bade;
border-left: 7px solid #17284b;
list-style-type: none;
font: normal 90% 'Trebuchet MS', 'Lucida Grande', Arial, sans-serif;
}


* html #ddblueblockmenu2 li a{ /*IE only */
width: 187px; /*IE 5*/
w\idth: 169px; /*185px minus all left/right paddings and margins*/
}

#ddblueblockmenu2 a:hover {
background-color: #2586d7;
border-left-color: #1c64d1;
}

#ddblueblockmenu2 div.menutitle{
color: white;
width:98%;
border-bottom: 1px solid black;
padding: 1px 0;
padding-left: 5px;
background-color: black;
font: bold 90% 'Trebuchet MS', 'Lucida Grande', Arial, sans-serif;

}
/*////////////////////////////////////// FORMULAIRES*/

label
  {
  display: inline;
  float: left;
  width: 188px;
  font-size:small;
  } 
#form input:hover, #form select:hover, #form input:focus, #form select:focus, #form textarea:focus 
{
	border:1px #2a4988 solid;
	background-color: #f9cf8c;
}


/* button submit */
#form input[type="submit"]
{
	border: #DDEEFF 1px solid;
}




#form input[type="submit"]:hover
{
	background-color: #66CC33;
	cursor: pointer;
}

#form input[type="reset"]
{
	border: #DDEEFF 1px solid;
	width: 27%;
}

#form input[type="reset"]:hover
{
	background-color: #E6484D;
	cursor: pointer;
}

/* fieldset , legend */
#form fieldset
{	background-image:url("./images/fond_offre2.jpg");
	margin-bottom: 10px;
	border: #f29400 1px solid;
	position: relative;
	border-left:none;
	border-right:none;
	overflow:hidden;
}
#form fieldset legend
{
	padding: 0 10px;
	border-left: #f29400 1px solid;
	border-right: #f29400 1px solid;
	font-size: 1.2em;
	color: black;
}

.bloc_bleu { background:#2586d7 url(images/bg-titre.gif); width:70%; font-size:medium; font-family: Arial; font-weight:bold; color:#23498b; padding-left:10px; padding-right:10px; text-align:center; border:2px #1d1f61 solid; border-style: groove;}

.bloc_bleu2 { background:#2a4988 url(images/bg-titre2.gif); width:70%; font-size:medium; font-family: Arial; font-weight:bold; color:white; padding-left:10px; padding-right:10px; text-align:center; border:2px #1d1f61 solid; border-style: groove;}

 
   
   h1 {
      font-family:arial, verdana, sans-serif;
      font-size:16px;
      font-weight:bold;  
      color:#62c0f4;  
   }
   
   a.bulle {
     position:relative;
     color:#396a86;
     text-decoration:none;
     font-family:arial, verdana, sans-serif;
     text-align:center;
     font-size:11px;
   }
   
   a.bulle:hover {
      background: none;
      z-index: 50;
   }
   
   a.bulle span {
     display: none;
   }
   
   a.bulle:hover span {
      display: block;
      position: relative;
      top: 0px;
      left: 40px;
	  z-index:1000;
      font-family:arial, verdana, sans-serif;
      text-align:justify;
	  line-height: 1,1em;
      font-size:12px;
      font-weight:normal;
      width:500px;
      background: white;
      padding: 5px;
      border: 1px solid #2175bc;
      border-left: 10px solid #2175bc;
   }

   a.bulle_droite {
     position:relative;
     color:#396a86;
     text-decoration:none;
     font-family:arial, verdana, sans-serif;
     text-align:center;
     font-size:11px;
   }
   
   a.bulle_droite:hover {
      background: none;
      z-index: 50;
   }
   
   a.bulle_droite span {
     display: none;
   }
   
   a.bulle_droite:hover span {
      display: block;
      position: relative;
      top: 0px;
      left: -310px;
	  z-index:1000;
      font-family:arial, verdana, sans-serif;
      text-align:justify;
	  line-height: 1,1em;
      font-size:12px;
      font-weight:normal;
      width:500px;
      background: white;
      padding: 5px;
      border: 1px solid #2175bc;
      border-left: 10px solid #2175bc;
   }

 a.bulle_milieu {
     position:relative;
     color:#396a86;
     text-decoration:none;
     font-family:arial, verdana, sans-serif;
     text-align:center;
     font-size:11px;
   }
   
   a.bulle_milieu:hover {
      background: none;
      z-index: 50;
   }
   
   a.bulle_milieu span {
     display: none;
   }
   
   a.bulle_milieu:hover span {
      display: block;
      position: relative;
      top: 0px;
      left: -110px;
	  z-index:1000;
      font-family:arial, verdana, sans-serif;
      text-align:justify;
	  line-height: 1,1em;
      font-size:12px;
      font-weight:normal;
      width:500px;
      background: white;
      padding: 5px;
      border: 1px solid #2175bc;
      border-left: 10px solid #2175bc;
   }

   #alerte {
	font-weight: bold;
	color: red;
	font-size: 13px;
	margin: 40px 0px;
   }