/* CSS Document */
html{height:100%;}
body{
color:#333333;
font-family:Arial, Helvetica, sans-serif;
background:url(Images/background.jpg) repeat-x;
margin:0px;
padding:0px;
text-align:center;
height:100%;
background-color:#6F6A6A;
}
body div{background-color:#FFFFFF; height:100%; text-align:left;}
p, ul, li{text-align:justify;}
img{border:none;}
body#corps_fondation ul{display:inline; text-align:justify}
body#corps_fondation li{text-align:justify}
body#corps_fondation h2{display:none;}
h1{font-weight:bold; padding:0px; margin:4px 0px 31px 0px; font-size:27px; }
h2, h3{background:#333333;color:white; font-weight:bold; padding:0px 1px; margin:0px; height:auto;display:inline;}
h2{font-size:18px;}
h3{font-size:16px; margin-bottom:12px; margin-top:20px; }
/*les pages avec 0 titre
body#corps_expert h2{display:none;}*/
legend{display:none;}
body#corps_media h2{background:#A9B09B;}body#corps_solutions h2{background:#A9B09B;}
body#corps_social h2{background:#A9B09B;}
body#corps_flash h2{background:#9CBFC1;}
body#corps_buzz h2{background:#9CBFC1;}
body#corps_media h3{background:#A9B09B;}body#corps_solutions h3{background:#A9B09B;}
body#corps_social h3{background:#A9B09B;}
body#corps_flash h3{background:#9CBFC1;}
body#corps_buzz h3{background:#9CBFC1;}
body#corps_fondation img{float:left;margin:0; margin-top:10px;}
body#corps_fondation .demi {width:170px; margin:0px;padding:0; margin-left:5px;margin-top:10px;}
.moitie_par{width:170px; margin:0;margin-top:10px; padding:0;}
.important{color:#ff9900;}
body#corps_media .important{color:#A9B09B;}body#corps_solutions .important{color:#A9B09B;}
body#corps_social .important{color:#A9B09B;}
body#corps_flash .important{color:#9CBFC1;}
body#corps_buzz .important{color:#9CBFC1;}
/********************************** le conteneur de la page, permet le centrage de la page *****************************/
div#corps{
margin:0px auto;
position:relative;
top:0px;
width:950px;
display:block;
padding:0px;
background:none;
/*border:5px red dashed; */
}
/**la page pour aller à la page suivante**/
a#feuille{
position:absolute;
float:left;
display:block;
width:49px;
height:910px;
top:0px;
left:900px;
background:url(Images/feuille.jpg) no-repeat;
background-color:#6F6A6A;
z-index:2;
}
/************************************* l'entete *****************************************/
div#entete{
top:0px;
width:900px;
height:188px;
float:left;
position: relative;
/*border:4px green solid;*/
}
body#corps_accueil div#entete{background:url(Images/entete.jpg);}
div#entete{background:url(Images/paris-bruxelles.gif);}
/**le logo**/
img#logo{ position:relative;float:left; margin-left:25px;}
/**le choix de langue des sites**/
body#corps_accueil span#drapeaux{right:220px;}
span#drapeaux{
position:relative;
float:right;
/*right:25px; */right:220px;
display:block;
}
span#drapeaux a{
margin-left:5px;
display:block;
width:28px;
height:128px;
background-repeat:no-repeat;
float:left;
}
span#drapeaux a#fr{ background:url(Images/Drapeaux/langue_fr.jpg);}
span#drapeaux a#fr:hover{ background:url(Images/Drapeaux/langue_fr_over.jpg);}
span#drapeaux a#en{ background:url(Images/Drapeaux/langue_ang.jpg); }
span#drapeaux a#en:hover{ background:url(Images/Drapeaux/langue_over.jpg);}
/**le menu horizontal**/
ul#menu_haut{
list-style:none;
position:relative;
float:left;
padding:0px;
width:875px;
margin:0px;
left:25px;
}
ul#menu_haut li{position:relative; float:left; height:60px;}
ul#menu_haut li a{height:60px; display:block;}
/**les differentes sections francaises**/
ul#menu_haut li a#accueil{width:99px; background: url(Images/menu_haut/accueil.gif) no-repeat;}
ul#menu_haut li a#accueil:hover{background: url(Images/menu_haut/accueil_h.gif) no-repeat;}
ul#menu_haut li a#accueil_actu{width:99px;background: url(Images/menu_haut/accueil_h.gif) no-repeat;}
ul#menu_haut li a#solutions{width:189px; background:url(Images/menu_haut/solutions.gif) no-repeat;}
ul#menu_haut li a#solutions:hover{background:url(Images/menu_haut/solutions_h.gif) no-repeat;}
ul#menu_haut li a#solutions_actu{width:189px;background:url(Images/menu_haut/solutions_h.gif) no-repeat;}
ul#menu_haut li a#expertise{width:213px; background:url(Images/menu_haut/expertise.gif) no-repeat;}
ul#menu_haut li a#expertise:hover{background:url(Images/menu_haut/expertise_h.gif) no-repeat;}
ul#menu_haut li a#expertise_actu{width:213px;background:url(Images/menu_haut/expertise_h.gif) no-repeat;}
ul#menu_haut li a#organisation{width:249px; background:url(Images/menu_haut/organisation.gif) no-repeat;}
ul#menu_haut li a#organisation:hover{background:url(Images/menu_haut/organisation_h.gif) no-repeat;}
ul#menu_haut li a#organisation_actu{width:249px;background:url(Images/menu_haut/organisation_h.gif) no-repeat;}
ul#menu_haut li a#contact{width:100px; background:url(Images/menu_haut/contact.gif) no-repeat;}
ul#menu_haut li a#contact:hover{background:url(Images/menu_haut/contact_h.gif) no-repeat;}
ul#menu_haut li a#contact_actu{width:100px;background:url(Images/menu_haut/contact_h.gif) no-repeat;}
/**les differentes sections anglaises**/
ul#menu_haut li a#accueil_en{width:63px; background: url(Images/menu_haut/menu_en_01.gif) no-repeat;}
ul#menu_haut li a#accueil_en:hover{background: url(Images/menu_haut/menu_en_over_01.gif) no-repeat;}
ul#menu_haut li a#accueil_en_actu{width:63px;background: url(Images/menu_haut/menu_en_over_01.gif) no-repeat;}
ul#menu_haut li a#solutions_en{width:189px; background:url(Images/menu_haut/menu_en_02.gif) no-repeat;}
ul#menu_haut li a#solutions_en:hover{background:url(Images/menu_haut/menu_en_over_02.gif) no-repeat;}
ul#menu_haut li a#solutions_en_actu{width:189px;background:url(Images/menu_haut/menu_en_over_02.gif) no-repeat;}
ul#menu_haut li a#expertise_en{width:189px; background:url(Images/menu_haut/menu_en_03.gif) no-repeat;}
ul#menu_haut li a#expertise_en:hover{background:url(Images/menu_haut/menu_en_over_03.gif) no-repeat;}
ul#menu_haut li a#expertise_en_actu{width:189px;background:url(Images/menu_haut/menu_en_over_03.gif) no-repeat;}
ul#menu_haut li a#organisation_en{width:225px; background:url(Images/menu_haut/menu_en_04.gif) no-repeat;}
ul#menu_haut li a#organisation_en:hover{background:url(Images/menu_haut/menu_en_over_04.gif) no-repeat;}
ul#menu_haut li a#organisation_en_actu{width:225px;background:url(Images/menu_haut/menu_en_over_04.gif) no-repeat;}
ul#menu_haut li a#contact_en{width:100px; background:url(Images/menu_haut/menu_en_05.gif) no-repeat;}
ul#menu_haut li a#contact_en:hover{background:url(Images/menu_haut/menu_en_over_05.gif) no-repeat;}
ul#menu_haut li a#contact_en_actu{width:100px;background:url(Images/menu_haut/menu_en_over_05.gif) no-repeat;}
ul#menu_haut li a span{display:none}
/************************************** le menu vertical ***************************************/
div#gauche{
position: relative;
float:left;
left:0px;
top:0px;
width:250px;
font-size:16px;
height:670px;
}
div#gauche img{ margin-top:20px; margin-left:25px;}
div#gauche ul{display:none;}
body#corps_solutions div#gauche img{display:none;}
body#corps_media div#gauche img{display:none;}
body#corps_social div#gauche img{display:none;}
body#corps_flash div#gauche img{display:none;}
body#corps_buzz div#gauche img{display:none;}
body#corps_solutions div#gauche ul{display:block;}
body#corps_media div#gauche ul{display:block;}
body#corps_social div#gauche ul{display:block;}
body#corps_flash div#gauche ul{display:block;}
body#corps_buzz div#gauche ul{display:block;}
/**le menu de la page solutions**/
ul#menu_gauche{
list-style:none;
padding:0px;
margin:0px;
width:175px;
float:left;
left:25px;
top:20px;
position:absolute;
text-align:left;
}
ul#menu_gauche li{font-size:16px;margin:0px; padding:0px;text-align:left;}
ul#menu_gauche li a{text-decoration:none; font-weight:normal; display:block;height:98px;}
ul#menu_gauche li a span.titre_gauche{font-size:29px; font-weight:bold;margin:1px 0px 6px 0px; width:100%; display:block;}
ul#menu_gauche li a span.fleche_gauche{display:block; height:11px; width:8px;}
/*le menu 01 media*/
body#corps_solutions ul#menu_gauche li a#media{background-color:#A9B09B; color:#FFFFFF;}
body#corps_solutions ul#menu_gauche li a#media span.titre_gauche{border-bottom:1px solid #FFFFFF;}
body#corps_solutions ul#menu_gauche li a#media span.fleche_gauche{ background:url(Images/menu_soluce/fleche_buzz_actu.gif) no-repeat 100% 100%;}
/*si la bonne page*/
body#corps_media ul#menu_gauche li a#media{background-color:#A9B09B; color:#FFFFFF;}
body#corps_media ul#menu_gauche li a#media span.titre_gauche{border-bottom:1px solid #FFFFFF;}
body#corps_media ul#menu_gauche li a#media span.fleche_gauche{ background:url(Images/menu_soluce/fleche_buzz_actu.gif) no-repeat 100% 100%;}
/*si autre que media*/
ul#menu_gauche li a#media{background-color:#FFFFFF; color:#666666;border-left:2px solid #A9B09B; padding-left:11px;}
ul#menu_gauche li a#media span.titre_gauche{border-bottom:1px solid #666666;}
ul#menu_gauche li a#media span.fleche_gauche{ background:url(Images/menu_soluce/fleche_nonact.gif) no-repeat 100% 100%;}
/*en hover*/
ul#menu_gauche li a#media:hover{background-color:#FFFFFF; color:#A9B09B;border-left:9px solid #A9B09B; padding-left:4px;}
ul#menu_gauche li a#media:hover span.titre_gauche{border-bottom:1px solid #A9B09B;}
ul#menu_gauche li a#media:hover span.fleche_gauche{background:url(Images/menu_soluce/fleche_buzz.gif) no-repeat 100% 100%;}
/*le menu 2 social*/
/*si la bonne page*/
body#corps_social ul#menu_gauche li a#social{background-color:#A9B09B; color:#FFFFFF;}
body#corps_social ul#menu_gauche li a#social span.titre_gauche{border-bottom:1px solid #FFFFFF;}
body#corps_social ul#menu_gauche li a#social span.fleche_gauche{background:url(Images/menu_soluce/fleche_buzz_actu.gif) no-repeat 100% 100%;}
/*si autre que social*/
ul#menu_gauche li a#social{background-color:#FFFFFF; color:#666666;border-left:2px solid #A9B09B; padding-left:11px;}
ul#menu_gauche li a#social span.titre_gauche{border-bottom:1px solid #666666;}
ul#menu_gauche li a#social span.fleche_gauche{ background:url(Images/menu_soluce/fleche_nonact.gif) no-repeat 100% 100%;}
/*en hover*/
ul#menu_gauche li a#social:hover{background-color:#FFFFFF; color:#A9B09B;border-left:9px solid #A9B09B; padding-left:4px;}
ul#menu_gauche li a#social:hover span.titre_gauche{border-bottom:1px solid #A9B09B;}
ul#menu_gauche li a#social:hover span.fleche_gauche{background:url(Images/menu_soluce/fleche_buzz.gif) no-repeat 100% 100%;}
/*le menu 3 flash*/
/*si la bonne page*/
body#corps_flash ul#menu_gauche li a#flash{background-color:#9CBFC1; color:#FFFFFF;}
body#corps_flash ul#menu_gauche li a#flash span.titre_gauche{border-bottom:1px solid #FFFFFF;}
body#corps_flash ul#menu_gauche li a#flash span.fleche_gauche{background:url(Images/menu_soluce/fleche_flash_actu.gif) no-repeat 100% 100%;}
/*si autre que social*/
ul#menu_gauche li a#flash{background-color:#FFFFFF; color:#666666;border-left:2px solid #9CBFC1; padding-left:11px;}
ul#menu_gauche li a#flash span.titre_gauche{border-bottom:1px solid #666666;}
ul#menu_gauche li a#flash span.fleche_gauche{ background:url(Images/menu_soluce/fleche_nonact.gif) no-repeat 100% 100%;}
/*en hover*/
ul#menu_gauche li a#flash:hover{background-color:#FFFFFF; color:#9CBFC1;border-left:9px solid #9CBFC1; padding-left:4px;}
ul#menu_gauche li a#flash:hover span.titre_gauche{border-bottom:1px solid #9CBFC1; }
ul#menu_gauche li a#flash:hover span.fleche_gauche{background:url(Images/menu_soluce/fleche_flash.gif) no-repeat 100% 100%;}
/*le menu 4 buzz*/
/*si la bonne page*/
body#corps_buzz ul#menu_gauche li a#buzz{background-color:#9CBFC1; color:#FFFFFF;}
body#corps_buzz ul#menu_gauche li a#buzz span.titre_gauche{border-bottom:1px solid #FFFFFF;}
body#corps_buzz ul#menu_gauche li a#buzz span.fleche_gauche{background:url(Images/menu_soluce/fleche_flash_actu.gif) no-repeat 100% 100%;}
/*si autre que social*/
ul#menu_gauche li a#buzz{background-color:#FFFFFF; color:#666666; border-left:2px solid #9CBFC1; padding-left:11px;}
ul#menu_gauche li a#buzz span.titre_gauche{border-bottom:1px solid #666666;}
ul#menu_gauche li a#buzz span.fleche_gauche{ background:url(Images/menu_soluce/fleche_nonact.gif) no-repeat 100% 100%;}
/*en hover*/
ul#menu_gauche li a#buzz:hover{background-color:#FFFFFF; color:#9CBFC1; border-left:9px solid #9CBFC1; padding-left:4px;}
ul#menu_gauche li a#buzz:hover span.titre_gauche{border-bottom:1px solid #9CBFC1;}
ul#menu_gauche li a#buzz:hover span.fleche_gauche{background:url(Images/menu_soluce/fleche_flash.gif) no-repeat 100% 100%;}
/************************************ le contenu central de la page ****************************/
div#centre{
position: relative;
left:0px;
top:0px;
width:650px;
font-size:13px;
float:left;
height:auto;
}
div#centre img{margin-bottom:8px;}
div#centre div{
position:relative;
float:left;
display:block;
height:auto;
padding:0px;
}
/**si la page est sur deux colonnes**/
div.demi_colonne{
width:300px;
}
div.prems{margin-right:25px;}
/**si la page n'a qu'une colonne**/
div.uni_colonne{
width:650px; margin:17px 0px;
}
form{width:300px; margin:17px 0px;}
input{border:#666666 1px solid;}
textarea{border:#666666 1px solid;}
fieldset{border:none;}
#corps_carriere div.uni_colonne{
width:620px; margin:17px 0px;
}
#corps_copyright div.uni_colonne{
width:620px; margin:17px 0px;
}
ul.fleche{ list-style:url(Images/fleche_orange.gif);}/*
body#corps_media ul.fleche{ list-style:url(Images/fleche_claire.gif);}
body#corps_social ul.fleche{ list-style:url(Images/fleche_claire.gif);}
body#corps_flash ul.fleche{ list-style:url(Images/fleche_turquoise.gif);}
body#corps_buzz ul.fleche{ list-style:url(Images/fleche_turquoise.gif);}*/
ul.fleche li{ margin:10px 0px 0px 10px;}
/*********************************** la partie horizontale de la page ***************************/
div#text_horizontale{
position:relative;
float:left;
width:650px;
height:auto;
left:0px;
padding-left:250px;
padding-right:0px;
background-color:white;
top:0px;
font-size:13px;
padding-top:10px;
}
div#text_horizontale img{margin-top:0px; padding:0px}
div#text_horizontale div{
position:relative;
float:left;
display:block;
height:auto;
padding:0px;
}
div#text_horizontale h2{display:block;}
div#text_horizontale ul.fleche{ list-style:url(Images/fleche_orange.gif);}
/*********************************** le pied de page *******************************************/
div#footer {
position:relative;
float:left;
width:900px;
left:0px;
background-color:#FFFFFF;
height:80px;
text-align:center;
}
div#footer ul{
list-style:none;
margin:0px;
width:630px;
left:250px;
top:10px;
position:relative;
float:left;
background-color:#F3F3F3;
padding:3px 0px;
height:20px;text-align:center;
}
div#footer ul li{padding:0px 3px;display:inline;font-size:13px;background-color:inherit;}
div#footer ul li.debut{border:none; margin-left:0px;}
div#footer ul li.normal{border-left:1px solid #333333;}
div#footer a{text-decoration:underline; color:#333333;}
div#footer a:hover{color:#ff9900;}
div#footer p{
width:630px;
left:250px;
position:relative;
float:left;
background-color:#F3F3F3;
font-size:11px;
margin:0px;
margin-top:10px;
height:17px;
/*text-indent:25px;*/ text-align:center;
}
.orange{color:#ff9900;}
a.change{color:#333333;}
a.change:hover{color:#ff9900;}
div#footer p#signature {background-color:#FFFFFF; text-align:right; font-size:9px;}
div#footer p#signature a.change2 {color:#CCCCCC;text-decoration:none; cursor:pointer;}
div#footer p#signature a.change2:hover{color:#ff9900;}