﻿body 
{
    background-color:#93b5b7;
    font-family:Arial;
    font-size:9pt;
    height:100%;
}

#conteneur
{
    height:auto;
    min-height:100%;
    position:relative;
    voice-family:inherit;
    margin-left:auto;
    margin-right:auto;
    overflow:hidden;
    width:1192px;
    position:relative;
    background-color:#93b5b7;
}
	* html body #conteneur {
	height:100%;
	overflow:hidden
	}

/* IE-mac ne voit pas les lignes qui suivent \*/
* html body #conteneur{
	height:0px;
	overflow:visible
	} 
/* fin du text caché pour IE/mac */
.clearfix
{
    clear:both;
}
/********** PARTIE HEADER ***************/
#top
{
    display:inline;
    height:127px;
    overflow:hidden;
    width:224px;
}
#top a
{
    text-decoration:none;
}
#top .left
{
    width:224px;
    background:url('../Images/logo.jpg') no-repeat top left;
    height:159px;
    position:absolute;    
    overflow:hidden;
}
#top .right,
.right
{
    width:968px;
    height:auto;
    position:relative;
    left:224px;
    overflow:hidden;
}
#top .left #home
{
    width:224px;
    background:#C3D7D8 url('../Images/fleche.jpg') no-repeat top;
    margin-top:127px;
    position:absolute;
    height:32px;
}
#top .left #home:hover
{
    background:#658486 url('../Images/fleche2.jpg') no-repeat top;
}
#top .right #head,
.right #head
{
    margin-top:20px;
    color:#FFFFFF;
    background-color:#0187a0;
    width:auto;
    height:72px;     
    position:relative;
} 
#top .right #flashnews,
.right #flashnews
{
    color:#000;
    background-color:#dcdc3c;
    width:auto; 
    height:35px; 
} 
#flashnews label
{
    position:absolute;
    margin-top:10px;
    margin-left:40px;
    
}
#head .title
{
    margin-top:20px;
    margin-left:40px;
    font-size:14pt;
    font-weight:bold;
    position:absolute;
}
.left, .left a
{
    color:#648585;
    text-decoration:none;
    font-weight:bold;    
    width:100%;
}
.left a 
{
    /*margin-left:26px;
    margin-top:5px;*/
    padding:0.5em;
    position:absolute;
}
.left #home:hover a ,
.left a:hover
{
    color:#FFF;
}
#head ul
{
   position:absolute;
   bottom:5px;
   margin:0px 0px 0px 30px;
   padding:0;
   width:100%;
}
#head li
{
    list-style-type:none;
    display:inline;
    border-right: dotted 1px #fff;
    padding:0px 10px;
    font-size:7pt;
}
#head li a
{
    text-decoration:none;
    display:inline;
    color: #FFFFFF;
}
/*** MENU GAUCHE ***/
#menugauche
{
    background:url("../Images/fondGauche.jpg") repeat-x scroll center top transparent;
    display:inline-block;
    top:159px;
    left:0px;
    height:672px;
    position:absolute;
    width:224px;
}


ul#menu, 
ul#menu ul{
  list-style-type:none;
  margin: 0;
  padding: 0;
  width: 224px;
}

ul#menu a {
  display: block;
  text-decoration: none;	
}

ul#menu li {
  margin-top: 0px;
}

ul#menu li a{
  background: transparent;
  color: #648585;	
  padding: 0.5em;
  font-weight:bold;
}

ul#menu li a:hover ,
ul#menu li a#selected:hover ,
ul#menu li a#itemMenuSelected:hover,
ul#menu li ul li a:hover,
ul#menu li a#selectedItem:hover{
  background: #648585;
  color:#FFF;
}

ul#menu li a#selected,
ul#menu li a#selectedItem
{
    background: #789f9f;
    color:#FFF;
}

ul#menu li a#itemMenuSelected
{
  background: #FFF;
  color: #648585;
}
ul#menu li ul li a {
  background: #FFF;
  color: #648585;
  padding-left: 20px;
  font-weight:normal;
  margin-top:-1px;
}


/*** DROITE ***/
#menudroite
{
    background-color:#6F9192;
    height:672px;
    right:0px;
    position:absolute;
    width:191px;
    color:#FFFFFF;
}
#news
{
    height:332px;
    width:191px;
    left:0px;    
    position:relative;
    background-color:#6f9192;
    font-size:10px;
    color:#FFF;
    overflow:auto;
}
.texteBlockDroite 
{
    display:block;
    padding:10px 10px 20px 15px;
}
#menudroite h1
{
    color:#FFFFFF;
    font-size:26px;
    font-weight:normal;
    margin:5px;
    margin-left:0px;
}
#menudroite h2
{
    color:#c3d7d9;
    font-size:12px;
    margin-bottom:3px;
}
#news label
{
    color:#c3d7d9;
    font-size:10px;
}
#newsletter
{
    height:218px;
    width:191px;
    left:0px;    
    position:relative;
    background-color:#c3d7d8; 
    background-image:url('../Images/news.jpg');  
    background-position:bottom;
    background-repeat:no-repeat;    
    color:#6F9192; 
}
.aNewsletter
{
    display:block;
    height:218px;
    width:191px;
    position:absolute;
    top:0;
    left:0;
}
#menudroite a,#newsletter a
{
    text-decoration:none;
}
#newsletter h1
{
    font-size:16px;
    font-weight:bold;
    color:#6F9192;
}
#abonnement
{
    height:140px;
    width:191px;
    left:0px;    
    position:relative;
    background-image:url('../Images/abo.jpg'); 
    background-position:bottom;
    background-repeat:no-repeat;    
    color:#FFFFFF;
}
.aAbonnement
{
    display:block;
    height:140px;
    width:191px;
    position:absolute;
    top:0;
    left:0;
}
#abonnement .texteBlockDroite 
{
    padding: 25px 20px 20px 25px;
    font-size:15px;
    font-weight:bold;
}
/********** PARTIE CENTRALE ***************/
#content
{
    min-height:100%;
    margin:0px;    
	margin-left:224px;
	margin-right:191px;
    width:auto;
    position:relative;
}
/*** PIED ***/
#pied
{
    width:100%;
    position:relative;
}
#selectCountryBottomtop
{
    background-color:#FFFFFF;
    background-image:url('../Images/triangle_orange_min.jpg'); 
    background-position:top center;
    background-repeat:no-repeat;
    height:13px;
}
#selectCountryBottom
{
    background-color : #ee7d53;
    color:#FFFFFF;
    margin:-1px auto 0px auto;
    padding-bottom:0px;
    font-family:Arial;
    font-size:11px;
    font-weight:bold;
}
#selectCountryBottom .content
{
    padding-top:10px;
    padding-bottom:5px;
    margin-left:104px;
}

/*** CENTRE ***/
#centre
{
    background:white;
    position:relative;
    min-height:628px;
    margin-left:0;
}
#_colcentre
{
    padding : 40px 50px 40px 50px;
}
* html body #ie6
{
    margin : 40px 50px 40px 50px;
}
* html body #centre {
    height:628px;
} 

#centre p
{
    margin:0px;
    padding-top:10px;
    padding-bottom:10px;
}

.div-min-height {
    position:relative;
    height:628px;
    width:0px;
    float:left;
}

.div-min-height-bottom {
    position:relative;
    height:0px;
    clear:left;
}
#shadowMap
{
    background-image:url('../Images/shadowMap.jpg');
    background-repeat:repeat-x;
    min-height:21px;
    height:auto !important;
    height:21px;
    left:0;
}
#mapHome
{
    width:auto;
    height:628px;
    background-image:url('../Images/Home_Map.jpg');
    background-position:top right;
    background-repeat:no-repeat;
    margin-top:-21px;
}
.mhome
{
    margin-top:-15px;
}
.textMap
{
    position:absolute;
    top:21px;
    z-index:20;
}
#textMap2
{
    position:absolute;
    top:42px;
    z-index:20;
}
#textMap2 p 
{
    padding-top:0px;
    padding-bottom:0px;
}

#carte
{
    
}
#carte a
{
    display:block;
    margin-left:auto;
    margin-right:auto;
    text-align:center;
    font-size:16pt;
}
#carte img
{
    display:block;
    margin-left:auto;
    margin-right:auto;
}


.c1
{
   border:3px solid rgba(0,0,0,0);
  -webkit-border-radius:5px;
  -moz-border-radius:5px;
  border-radius:5px;
  -webkit-box-shadow:0px 1px 10px rgba(0,0,0,0.4);
  -moz-box-shadow:0px 1px 10px rgba(0,0,0,0.4);
  box-shadow:0px 1px 10px rgba(0,0,0,0.4);
  background-color :#9CBBC0;
  margin-top:20px;
  margin-bottom:20px;
}
.c2
{
   border:3px solid rgba(0,0,0,0);
  -webkit-border-radius:5px;
  -moz-border-radius:5px;
  border-radius:5px;
  -webkit-box-shadow:0px 1px 10px rgba(0,0,0,0.4);
  -moz-box-shadow:0px 1px 10px rgba(0,0,0,0.4);
  box-shadow:0px 1px 10px rgba(0,0,0,0.4);
  background-color :#FDFFDD;
  margin-top:20px;
  margin-bottom:20px;
}

.c1 legend, .c2 legend
{
    font-weight:bold;
    padding-bottom:15px;
}
.bold {font-weight:bold;}
.CategoryTitle
{
    font-weight:bold;
    margin-bottom:5px;
    text-decoration:underline;
    display:block;
    font-size:13pt;
}
.MainTitle
{
    font-weight:bold;
    font-size:16pt;
    margin-bottom:15px;
    margin-left:auto;
    margin-right:auto;
    display:block;   
    text-align:center; 
}
.TQ5 input,
.tlargeur
{
    width:50px;
}
/********** FOOTER ***************/
#footer
{    
    font-family:Arial;
    font-size:7px;
    position:relative;
    width:100%;
}
#footer #left
{
    background-image:url('../Images/Eu_Flag.jpg'); 
    background-repeat:no-repeat;
    background-position:left;
    width:250px;
    color:#004494;
    position:inherit;
    height:38px;
    margin-left:15px;
}
#footer #left label
{
    display:block;
    margin-left:62px;
    position:absolute;
    top:12px;
    width:140px;
}
#footer #right
{
    position:absolute;
    top:20px;
    right:20px;
    color:#FFF;
}
