/* CSS Document */
.style1 {font-size: 10px}
body{margin:0;padding:0;background:#F1F0EE;font:11px Arial, Helvetica, sans-serif;}
table{font:11px Arial, Helvetica, sans-serif;}
/*-------------------------------------------CONTENEUR DU SITE ENTIER---------------------------------------------------*/
#container {
/*--Important pour contenir les parties gauche et droite--*/
position: absolute;
width: 750px;

/*--ce background définit le gradient de droite et le fond de gauche la couleur du centre est définie dans center_content --*/
background:#F1F0EE url(/waar/images/gradient_left_bg.gif) top left repeat-y;
margin:0 auto;
}


/*-----------------------------------------------Partie centrale du site -----------------------------------------------*/
#center_content {
background-color:#fff;
/*--Donner cette marge pour ne pas superposer gauche et centre--*/
margin-left: 150px;
margin-right: 160px;
padding:0 3px 0 5px;
width: 430px;
border-left: 1px solid #c7c7c7;
}
#center_content table{
margin:15px 0 0 0;
}
#center_content2{
background-color:#fff;
/*--Donner cette marge pour ne pas superposer gauche et centre--*/
margin-left: 150px;
margin-right: 160px;
padding:0 3px 0 5px;
width: 592px;
border-left: 1px solid #c7c7c7;
color:#4B6981;}
 #center_content2 table {
 color:#4B6981;
 }

a:link{color:#61A1CF;text-decoration:underline;}
a:active{color:#61A1CF;text-decoration:underline;}
a:visited{color:#61A1CF;text-decoration:underline;}
a:hover{color:#61A1CF;text-decoration:underline;}

#center_content3 {
margin: 0 15px 0 5px;
font:11px Arial, Helvetica, sans-serif;
color:#4B6981;
}
.article-resum {
padding:5px 0px 0px 5px;
}

/*--Partie gauche du site--*/
#left_content {
/*--Important pour position--*/
position:absolute;
width: 150px;
padding: 10px 0;
/*--Pour ie--*/
left:0;
}
/*----------------------------------------------------------------Partie droite du site-----------*/
#right_content {
position: absolute;
right:0;
width: 137px;

}




/*----------------------------------------------------------------Pied de page------------------------------------------*/
#footer {
height: 30px;
background-image: url(/waar/images/under_line.gif);
background-repeat:repeat-x;
background-position:top;
padding:5px;
text-align:center;
color:#506C84;
}
#footer a:link{color:#506C84;}
#footer a:active{color:#506C84;}
#footer a:visited{color:#506C84;}
#footer a:hover{color:#506C84;}


/*-----------------------------------------------------------------MENU ------------------------------------------------*/
#left_content ul
{
margin: 0 0 10px 0;
padding: 0;
list-style-type: none;
}
#left_content li { margin-bottom: 2px;height:17px;margin:0;padding: 0;}
#left_content  li a
{
display: block;
padding: 0 0 0 20px;
width: 140px;
background-image: url(/waar/images/btn_notsel.gif);
background-repeat:no-repeat;
}

#left_content li a:link
{
color:#506C84;
text-decoration: none;
}

#left_content li a:active
{
padding: 1px 0 0 21px;
background-image: url(/waar/images/btn_sel.gif);
background-repeat:no-repeat;
color: #478BCA;
text-decoration: none;
}

#left_content li a:visited
{
color:#506C84;
text-decoration: none;
}

#left_content li a:hover
{
padding: 1px 0 0 21px;
background-image: url(/waar/images/btn_sel.gif);
background-repeat:no-repeat;
color: #478BCA;
text-decoration: none;
}
/*------------------------------------------------------------HORLOGE---------------------------------------------------*/
#time{
background-image: url(/waar/images/ico_clock.png);
background-repeat: no-repeat;
background-color:transparent;
font:10px Arial, Helvetica, sans-serif;
color:#444;
height:30px;
width:10px;
}


/*-----------------------------------------------------Subscribe Newsletter---------------------------------------------*/
#subs_nlt{
color:#004A8E;
padding:0 0 0 5px;
}
#subs_nlt  fieldset{
border:0px solid #fff;
padding:0;
}
#subs_nlt  .textfield{
color:#444;
}

/*--TITLES(Titres accompagné d'une ligne bleu, il existe différentes taille pour la longeur de la ligne)(la taille des titres est classée par ordre croisssant--*/
h1{font:16px "Times New Roman", Times, serif;
color:#506C84;
font-weight:bold;
background-image: url(/waar/images/under_line.gif);
background-repeat:repeat-x;
background-position:bottom;
width:80px;
}
h2{font:16px "Times New Roman", Times, serif;
color:#506C84;
font-weight:bold;
background-image: url(/waar/images/under_line.gif);
background-repeat:repeat-x;
background-position:bottom;
width:110px;
}
/*--TITLE HOME PAGE (utilisé notament pour la home page)--*/
h3{font:16px "Times New Roman", Times, serif;
color:#506C84;
font-weight:bold;
background-image: url(/waar/images/under_line.gif);
background-repeat:repeat-x;
background-position:bottom;
width:140px;
}
h4{font:16px "Times New Roman", Times, serif;
color:#506C84;
font-weight:bold;
background-image: url(/waar/images/under_line.gif);
background-repeat:repeat-x;
background-position:bottom;
width:170px;
}
h5{font:16px "Times New Roman", Times, serif;
color:#506C84;
font-weight:bold;
background-image: url(/waar/images/under_line.gif);
background-repeat:repeat-x;
background-position:bottom;
width:210px;
}
h6{font:16px "Times New Roman", Times, serif;
color:#506C84;
font-weight:bold;
background-image: url(/waar/images/under_line.gif);
background-repeat:repeat-x;
background-position:bottom;
width:240px;
}

.clear{clear: both;}
.breadCrumb{margin:0;padding:5px ;font-size:9px;color:#888;}
.lang{margin:5px 0;}

.partners{margin:40px 0;}
.title2{background:#99ACBD;padding: 0 0 0 5px;height:15px; 
font:15px Times New Roman, Arial, Helvetica, sans-serif; color:#FFFFFF; font-weight:bold;}
.title3{background:#99ACBD; padding: 3px 0 5px 5px; height:14px;
font:14px Arial, Helvetica, sans-serif; color:#FFFFFF; font-weight:bold;}
.smallTxt{font-size:9px;}
.title-picture{font:15px "Times New Roman", Times, serif;
color:#506C84;
font-weight:bold;
}
.title-picture-onglet{font:11px Arial, Helvetica, sans-serif;
color:#506C84;
text-align:center;
}
.title-picture-onglet a:link{color:#506C84;text-decoration:none;}
.title-picture-onglet a:active{color:#506C84;text-decoration:none;}
.title-picture-onglet a:visited{color:#506C84;text-decoration:none;}
.title-picture-onglet a:hover{color:#506C84;text-decoration:none;}
.img-border {
border:1px solid #5E8396;
}
.img-border-left {
border:1px solid #5E8396;
margin: 0 5px 10px 0;
}
.img-border-right {
border:1px solid #5E8396;
margin: 0px 0px 10px 5px;
}
.dia{
background-image: url(/waar/images/dia.gif);
background-repeat:norepeat;
background-position:top;
width:125px;
height:106px;
}
.img-border-dia {
border:1px solid #7AA7A7;
margin:21px;
}


/*----------------Pour augmenter la hauteur de la page si le texte est trop coury (a ajouter dans un <p>)---------------*/
.tooSmall {margin:0 0 50px 0;}


/*----------------------------------------INTRO BOX (Box gris de la home page)------------------------------------------*/
.boxIntro{background:#F7F6F5;color:#004A8E;margin:0;padding:7px;width:410px;}
.boxIntro a:link{color:#61A1CF;text-decoration:underline;}
.boxIntro a:active{color:#61A1CF;text-decoration:underline;}
.boxIntro a:visited{color:#61A1CF;text-decoration:underline;}
.boxIntro a:hover{color:#61A1CF;text-decoration:underline;}


/*--------------------------------Intro LASTTEST News (de la Home page)-------------------------------------------------*/
.latestNews{background:#fff url(/waar/images/news_bg.gif) top left no-repeat; height:35px; padding:3px 3px 0 12px;color:#004A8E;}
.latestNews a:link{color:#61A1CF;text-decoration:underline;}
.latestNews a:active{color:#61A1CF;text-decoration:underline;}
.latestNews a:visited{color:#61A1CF;text-decoration:underline;}
.latestNews a:hover{color:#61A1CF;text-decoration:underline;}


/*------------------------------------------------------------------PNG--------------------------------*/
/*PNG pour ie------------------------*/
#container #time{width: 742px; padding: 0px 17px; margin: 0 auto; font: 0.7em Tahoma; Verdana, Arial, Helvetica, sans-serif; margin: 0 auto; text-align: left; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/waar/images/bg_container.png',sizingMethod='scale');}
/*PNG pour les autres browsers invisible pour ie------------------------*/
body> #container2 {background: url(/waar/images/bg_container.png) repeat-y;}
/*----------------------------------------------*/
.spanH {display:none;}
#hp{width:19px;height:18px;margin:0;padding:0;float:right;background:url(/waar/images/ico_home.png) no-repeat;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/waar/images/ico_home.png');
}

#fr{
width:19px; height:18px; margin:0;padding:0; float:right; background:url(/waar/images/ico_lang_fr.png) no-repeat;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/waar/images/ico_lang_fr.png',sizingMethod='scale',enabled = bEnabled);
}

#nl{
width:19px; height:18px; margin:0;padding:0;float:right; background:url(/waar/images/ico_lang_nl.png) no-repeat;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/waar/images/ico_lang_nl.png',sizingMethod='scale',enabled = 'bEnabled');
}
#en{
width:19px; height:18px; margin:0;padding:0;float:right;  background:url(/waar/images/ico_lang_en.png) no-repeat;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/waar/images/ico_lang_en.png',sizingMethod='scale');
}

#hp/* */{
*background:url() no-repeat;
}
#en/* */{
*background:url() no-repeat;
}
#nl/* */{
*background:url() no-repeat;
}
#fr/* */{
*background:url() no-repeat;
}
