/* CSS Document */

#pict_logo {
	position: relative;
    width: 258px;
    height: 71px;
    top: 0px;
	margin-bottom: 1px;
	margin-left: 0px;
	margin-right: 23px;
	border: 0px;
}

#pict_baseline {
 	position: relative;
    width: 670px;
    height: 71px;
    top: 0px;
    margin-bottom: 1px;
    margin-left: 0px;
    margin-right: 0px;
}

#flag_langue {
	z-index: 2;
	position: absolute;
    top: 2px;
    width: 75px;
    heigt: 12px;
    left: 900px;
    margin-right: 0px;
    margin-bottom: 0px;
}

#pict_banniere {
	position: relative;
    width: 956px;
    height: 209px;
    top: 0px;
    margin-left: 1px;
    margin-bottom: 2px;
}

hr {
	color: #004C90 ;
	background-color: #004C90;
	height: 1px;
	border: 0px;
}
body {
	margin-top:10px;
	margin-bottom:10px;
	margin-left:0px;
	text-decoration: none;
}
table.principal {
	width:980px;
}
input {
 	background-color:#004C90; 
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	font-size:12px; 
	color:#FFFFFF;
}
textarea {
 	background-color:#004C90; 
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	font-size:12px; 
	color:#FFFFFF;
}

select {
 	background-color:#004C90; 
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	font-size:12px; 
	color:#FFFFFF;
}
a:link {text-decoration:none}
a:visited {text-decoration:none}
a:hover {text-decoration:none; font-weight:bold}
a:active {text-decoration:none; font-weight:bold}

a.bleu:link {text-decoration:none; color:#004C90}
a.bleu:visited {text-decoration:none; color:#004C90}
a.bleu:hover {text-decoration:none; font-weight:bold; color:#004C90}
a.bleu:active {text-decoration:none; font-weight:bold; color:#004C90}

.tabnormal{
background-color:white; 
font-weight:bold;
font-size: 12px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-style: italic;
color: #004C90;
}
.tabover{
/*background-color:#396192;*/
background-color:#024c93;
font-weight:bold;
font-size: 12px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-style: italic;
color: #FFFFFF;
}
.style_img {border-style: solid; border-width: 1px; border-color: #000000 }

#shadow-container {
	z-index: 1;
    position: absolute;
    top: 10px;
    width: 980px;
    left: 50%;
    margin-left: -485px;
    margin-right: 3px;
    margin-bottom: 3px;
}

#shadow-container .shadow2,
#shadow-container .shadow3,
#shadow-container .container {
    position: relative;
    left: -1px;
    top: -1px;
}

    #shadow-container .shadow1 {
        background: #F1F0F1;
    }

    #shadow-container .shadow2 {
        background: #DBDADB;
    }

    #shadow-container .shadow3 {
     display: block;
       background: #B8B6B8;
    }

    #shadow-container .container {
        background: #ffffff;
        border: 1px solid #848284;
        padding: 5px;
    }
    
#langs a {
	color: #004C90;
	font-size: 10px;
	font-weight: bold;
	font-family: arial;
	vertical-align: middle; 
}

#langs a:visited {
	color: #004C90;
	text-decoration: none;
}

#langs a:hover {
	color: #004C90;
	text-decoration: underline;
}

#messages {
	margin-left: 15px;
	float: left;
	text-align: center;
	padding-top: 3px;
	padding-bottom: 3px;
	border: 0px solid #024c93;
	width: 230px;
}

#messages a {
	color: #024c93;
	font-size: 12px;
	font-weight: bold;
	font-family: arial;
}

#messages a:visited {
	color: #024c93;
	text-decoration: none;
}

#messages a:hover {
	color: #024c93;
}

#countries a, a:visited { font: bold 12px/18px arial; color: #024c93; text-decoration: none; }
#countries a:hover { text-decoration: underline; }

#titrePage {
	z-index: 0;
	float: left;
	width: 100%;
	height: 35px;
	text-align: left;
	padding: 0;
	margin: 0;
	padding-top: 10px;
	padding-left: 15px;
	color: #024c93;
	font-size: 13px;
	font-weight: bold;
	font-family: arial;
	background: url("../images/barre_bleu.gif") transparent no-repeat 15px bottom;
	font-variant: small-caps;
}

.titres {
	font: bold 12px arial;
	display: block;
	width: 100%;
	height: 25px;
	text-align: left;
	padding: 0;
	margin: 0;
	padding-top: 20px;
	padding-left: 15px;
	color: #024c93;
	background: url("../images/barre_bleu.gif") transparent no-repeat 15px bottom;
	font-variant: small-caps;
}

#titre_Page {
	z-index: 0;
	float: left;
	width: 100%;
	height: 65px;
	text-align: left;
	padding: 0;
	margin: 0;
	padding-top: 10px;
	padding-left: 15px;
	color: #024c93;
	font-size: 13px;
	font-weight: bold;
	font-family: arial;
	background: url("../images/barre_bleu.gif") no-repeat 15px bottom;
	font-variant: small-caps;
}

#topMenu {
   font-size: 10px;
   font-family: arial;
   position: relative;
   height: 30px;
   width: 956px;
   background: url('../images/bg.jpg') no-repeat top center;
   padding: 2px;
   margin: 10px 0;
   overflow: hidden;
   }
    
  #topMenu ul {
   float: right; clear: both;
   padding: 0;
   padding-right: 5px;
   margin: 0;
   }
    
   #topMenu ul li {
   float: right;
   list-style: none;
   }
    
  #topMenu ul li a {
   padding-right: 19px;
   padding-left: 19px;
   padding-top: 4px;
   z-index: 10;
   display: block;
   float: left;
   height: 30px;
   position: relative;
   overflow: hidden;
   color: white;
   font: bold 10px arial;
   font-variant: small-caps;
   vertical-align: middle; 
   }

#topMenu li.background {
 background: url('../images/bg_menu_right.png') no-repeat top right !important;
 background: url('../images/bg_menu_right.gif') no-repeat top right;
 z-index: 8;
 position: absolute;
 visibility: hidden;
 }
  
#topMenu .background .left {
 background: url('../images/bg_menu.png') no-repeat top left !important;
 background: url('../images/bg_menu.gif') no-repeat top left;
 height: 22px;
 margin-right: 9px; /* 7px is the width of the rounded shape */
 }

#contactForm { 
	width: 700px;
	text-align: left;
	display: block;
}

#contactForm textarea { 
	display: inline; 
}

#contactForm input, textarea { 
	background-color: #fff; 
	font: normal 11px arial; 
	color: #5B5B5B; 
	border: 1px solid gray; 
	margin-bottom: 3px; 
}

#contactForm input:focus, textarea:focus { 
	background-color: #ebebeb; 
	color: #000; 
}

#contactForm td { 
	font: normal 11px arial; 
	color: #5B5B5B; 
}

.lab {  
	font: normal 10px arial; 
	font-weight: bold;
	color: #024c93; 
	width: 150px; 
	text-align: right; 
	padding-right: 5px; 
	vertical-align: middle; 
}
.glab {  font: normal 10px verdana; color: #5B5B5B; width: 150px; text-align: left; padding-right: 5px; vertical-align: middle; }

.link_reseaux {  
	font: normal 11px arial; 
	color: #024c93; 
	width: 150px; 
	text-align: right; 
	padding-right: 5px; 
	vertical-align: middle; 
}
	
#contactForm select { 
	background-color: #fff; 
	font: normal 11px arial; 
	color: #5B5B5B; 
	margin-bottom: 3px;
}