/* CSS keySource WebSite */
/* Author : Myriam Goude */
/* Date de création : 30 Octobre 2006 */


* {
margin:0;padding:0;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:white;
font-size:11px;
/*text-transform:uppercase;*/
}

body {
text-align:center;
background-color:#C6D92D;
}

/* page Home */

#all_content {
margin-top:50px;
margin-left:auto;
margin-right:auto;
text-align:left;
width:860px;
min-height: 418px;
height:418px;
clear:both;
border:10px solid white;
background-color:white;
border-bottom:9px solid white;
}

/* No IE : */

html>body #all_content {
height:auto;
border-bottom-width:10px;
}

.homeLogo{
float:left;
margin:0;padding:0;border:0;
}

#homeLang {
margin:0;padding:0;border:0;
float:left;
height:418px;
width:430px;
}

.homeLogo img {
padding:0;margin:0;border:0;
}

/* Fin page home */


/******************/
/* divs container */

#all_content2 {
margin-top:20px;
margin-left:auto;
margin-right:auto;
text-align:left;
width:674px;
height:412px;
background-color:white;
border:10px solid white;

}

/* No IE : */

html>body #all_content2 {
height:488px;
width:654px;
}

.mainContent {
clear:both;
display:block;
margin:0;padding:0;
}

.mainContent p {
color:white;
}

.cleaner {
clear:both;
background-color:white;
}

/******************/
/* pages gabarits */

.logo {
float:left;
height:60px;
width:250px;
border-bottom:1px solid #C6D92D;
}

.menuHaut {
width:403px;
float:left;
height:60px;
text-align:right;
border-bottom:1px solid #C6D92D;
margin-bottom:10px;

}

.menuHaut a {
color:white;
}

.menuHaut .lang {
float:right;
text-align:right;
width:100px;
height:30px;
list-style-type:none;
margin:0;padding:0;
margin-bottom:10px;
}

.menuHaut .lang li {
margin:0;padding:0;
float:right;
font-size:0px;
font-color:transparent;
width:20px;
height:20px;
padding-left:1px;
}

.menuHaut .lang a, .menuHaut .lang a:hover, .menuHaut .lang a:visited   {
float:right;
display:block;
font-size:0px;
width:20px;
height:20px;
font-color:transparent;
text-decoration:none;

}

.menuHaut .menu {
float:right;
text-align:right;
width:390px;
height:20px;
list-style-type:none;
margin:0;padding:0;
margin-top:-1px;
}

.menuHaut .menu li {
float:right;
font-size:0px;
font-color:transparent;
width:90px;
height:20px;
border:1px solid #C6D92D;
border-top:0; border-bottom:0;
}

.menuHaut .menu a, .menuHaut .menu a:hover, .menuHaut .menu a:visited   {
display:block;
width:90px;
height:20px;
font-size:9px;
text-transform:uppercase;
font-weight:bold;
text-decoration:none;
text-align:center;
color:#6FB6AC;
padding-top:6px;
}

.menuHaut .menu a:hover {
color:#8CEA37;
position:absolute;
height:29px;
border-bottom:6px solid green;
}

html>body .menuHaut .menu a:hover {
 height:18px;
}


/* sous menu- version texte */

.ssMenu_txt {
position:absolute;
display:block;
clear:both;
height:25px;
margin-top:-8px;
}

.ssMenu_txt ul {
margin:0;padding:0;
list-style-type:none;
}

.ssMenu_txt li {
float:left;
height:25px;
width:100px;
text-align:center;
border-right:1px solid white;
}

.ssMenu_txt li a, .ssMenu_txt li a:visited {
border-top:6px solid white;
padding-top:6px;
display:block;
font-size:9px;
text-transform:uppercase;
text-decoration:none;
text-align:center;
color:#006699;
width:100px;
height:25px;
}

.ssMenu_txt li a:hover {
border-top:6px solid green;
height:17px;
}




/* les boutons menus */
#de {
background-image:url(imgs/lang_de.gif);
background-repeat:no-repeat;
background-position:top left;
}

#de a:hover {
background-image:url(imgs/lang_de_h.gif);
background-repeat:no-repeat;
background-position:-1px 0;
}

#nl {
background-image:url(imgs/lang_nl.gif);
background-repeat:no-repeat;
background-position:top left;
}

#nl a:hover {
background-image:url(imgs/lang_nl_h.gif);
background-repeat:no-repeat;
background-position:-1px 0;
}

#fr {
background-image:url(imgs/lang_fr.gif);
background-repeat:no-repeat;
background-position:top left;
}

#fr a:hover {
background-image:url(imgs/lang_fr_h.gif);
background-repeat:no-repeat;
background-position:-1px 0;
}

#en {
background-image:url(imgs/lang_en.gif);
background-repeat:no-repeat;
background-position:top left;
}

#en a:hover {
background-image:url(imgs/lang_en_h.gif);
background-repeat:no-repeat;
background-position:-1px 0;
}

/*animation Flash */
.bandeauFlash {
height:149px;
display:block;
padding-bottom:10px;
clear:both;
}

/* différents styles pour les mises en pages de contenus */
.contenu_1col {
/*background-color:#CCC;*/
/*margin:10px;*/
width:654px;
min-height:240px;
height:240px;
display:block;
padding:10px;
}

html>body .contenu_1col {
/*height:auto;*/
width:634px;
}

.contenu_2col {
margin:0;
clear:both;
display:block;
/*padding:10px;*/
background-color:white;
min-height:280px;
height:280px;
}

html>body .contenu_2col {
height:280px;
}

/*fin pages gabarits*/

/* intérieur des colonnes */
.colGauche {
float:left;
width:355px;
display:block;
margin-right:10px;
/*min-height:270px;
height:270px;*/
color:white;
}

html>body .colGauche {
width:375px;
}

.colGauche p {
margin-left:20px;
text-transform:normal;
font-size:10px;
}

.blocGauche {
display:block;
margin-bottom:10px;
width:375px;
display:block;
padding:20px;
}

html>body .blocGauche {
width:335px;
}

.blocGauchefond {
margin-bottom:10px;
width:375px;
display:block;
padding:20px;
min-height:178px;
height:215px;
background-image:url(imgs/fond_silhouette.gif);
background-position:bottom right;
background-repeat:no-repeat;
}

html>body .blocGauchefond {
width:335px;
height:178px;
}


.colDroite {
display:block;
float:left;
width:269px;
min-height:150px;

}

.colDroite p {
margin-left:20px;
text-transform:normal;
font-size:10px;
}

.blocDroite {
padding:10px;
width:269px;
margin-bottom:10px;
}

html>body .blocDroite {
width:249px;
}

.imgDroite {
margin:0;padding:0;
margin-bottom:10px;
}

.footer {
position:absolute;
margin-top:0px;
clear:both;
font-weight:bold;
margin-left:10px;
height:10px;
}

.footer ul {
list-style-type:none;
diplay:block;
margin:0;padding:0;
}
.footer li {
float:left;
}

.footer a, .footer a:visited {
color:blue;
text-decoration:none;
display:block;
font-size:8px;
width:auto;
margin-right:20px;
text-transform:uppercase;
color:#5B85A3;
}

.footer a:hover {
text-decoration:underline;
}

.grandfooter {
margin-left:auto;
margin-right:auto;
text-align:left;
width:674px;
height:10px;
font-size:9px;
padding-left:12px;
}

.grandfooter a, .grandfooter a:visited {
color:#003300;
font-size:9px;
text-decoration:none;
text-transform:uppercase;
}

.grandfooter a:hover {
text-decoration:underline;
}


.contenuGauche {
margin:0;padding:0;
margin-top:20px;
width:250px;
margin-right:20px;
float:left;
display:block;
height:220px;
background-image:url(imgs/fond_silhouette2.gif);
background-repeat:no-repeat;
background-position:bottom left;
}

.contenuGauche h2 {
margin-left:90px;	
height:215px;
font-size:13px;
}

html>body .contenuGauche {
height:auto;
}

.contenuDroite {
margin-top:30px;
float:left;
width:350px;
}

/* fonds de couleur */
#fondbleu1 {
background-color:#A7C2D8;
}

#fondbleu2 {
background-color:#98B8D2;
}

#fondbleu3 {
background-color:#7DA7C5;
}

#fondbleu4 {
background-color:#C5D6E5;
}

#fondvert1 {
background-color:#92D92D;
}

#fondvert2 {
background-color:#64B44E;
}


/* titres h2 de couleur */
#bleugris1 {
background-image:url(imgs/fleche_bleugris.gif);
background-repeat:no-repeat;
background-position:top left;
padding-left:16px;
text-transform:uppercase; 
color:white;
font-size:15px;
margin-top:5px;
margin-bottom:10px;
}

#bleugris2 {
padding-left:16px;
text-transform:uppercase; 
color:white;
font-size:15px;
margin-top:5px;
margin-bottom:10px;
background-image:url(imgs/fleche_bleugrisneutre.gif);
background-repeat:no-repeat;
background-position:top left;
}

#bleugris3 {
padding-left:16px;
text-transform:uppercase; 
color:white;
font-size:15px;
margin-top:5px;
margin-bottom:10px;	
background-image:url(imgs/fleche_bleugrisfonce.gif);
background-repeat:no-repeat;
background-position:top left;
}


#vert1 {
padding-left:16px;
text-transform:uppercase; 
color:white;
font-size:15px;
margin-top:5px;
margin-bottom:10px;	
height:auto;
background-image:url(imgs/fleche_vertfonce.gif);
background-repeat:no-repeat;
background-position:top left;
}


/* elements divers */
.signature {
text-align:right;
font-weight:bold;
text-decoration:underline;
}

.suite {
text-transform:lowercase;
text-align:right;
font-weight:bold;
}

.hauteur_scroll {
position:relative;
height:210px;
width:100%;
overflow:hidden;
float:left;
}