@import url(csswysiwyg.css);



a { text-decoration: none; }

body { 
	margin:	0; 
	font: normal 9pt arial; 
	color: #333333;
}

#global { 
	position: relative; 
	width: 950px; 
	margin: 0px auto; 
	padding:0px;
}

.message {
	position: absolute;
	top: 0px;
	width: 100%;
	background: orange;
	font: bold 12pt arial;
	color: #333333;
	text-align: center;
	height: 30px;
}

/* Common */
img { border: 0px; }

.footer { 
	float: left;
	font: normal 8pt arial; 
	color: #ffffff; 
	width: 100%;
	text-align: center; 
    text-decoration: none;
    padding: 2px;
    margin-top: -5px;
    font: normal 8pt arial;	
}

.footer a { text-decoration: none; color: #ffffff; }
.footer a:hover { text-decoration: underline; }

/* tetiere */
#tetiere { 
	width: 100%; 
	height: 180px; 
	margin: 0px; 
	padding: 0px; 
	display: block;
}

#tetiere .latet {
	width: 100%;
	height: 180px;
	display:block;
	padding: 0px;
}

/* Contenu central */
#lecontain { 
	width: 100%;
}

/* le contenu */
#content { 
	float: left; 
	min-height: 430px;
	width: 75%; 
	padding: 0px; 
	margin: 0px 0 0 15px;		
}

/* Boite a outil */
#outil { 
	position: absolute;
	right: 5px;
	margin: 10px 0 15px 0;
	width: 710px;
	height: 24px;	
	padding-bottom: 7px;
	display: block;
}


#mesoutils {
	float: right;
	margin-top: 8px;
	width: 111px;
	height: 23px;
	padding: 0px;
	display: block;
}

#mesoutils .print {
	width: 34px;
}

#mesoutils .share {
	width: 38px;
}

#mesoutils .newsletter {
	width: 37px;
}

#mesoutils .print, #mesoutils .share, #mesoutils .newsletter {
	float: right;	
	display: block;
	height: 23px;
	cursor: pointer;
}


#com #mesoutils {
	background: url(../images/outil-com.jpg) no-repeat top right;
}

#fr #mesoutils { 
	background: url(../images/outil-fr.jpg) no-repeat top right;	
}

#ch #mesoutils { 
	background: url(../images/outil-ch.jpg) no-repeat top right;	
}

#be #mesoutils { 
	background: url(../images/outil-be.jpg) no-repeat top right;		
}

#nl #mesoutils { 
	background: url(../images/outil-nl.jpg) no-repeat top right;		
}

#boxnewsletter {
	position: absolute;
	z-index: 1000;
	width: 166px;
	height: 166px;
	top: 35px;
	right: 0px;
	background: #eaeaea  url(../images/fond-box-newsletter.jpg) no-repeat;	
}

#boxnewsletter p, #boxshare p {
	margin: 10px 0 10px 5px;
	padding: 0 2px 2px 5px;
	font: bold 0.8em arial;		
}

*:first-child+html #boxnewsletter p, *:first-child+html #boxshare p {
	margin: 10px 0 -5px 5px;
}

*:first-child+html .bout-register {
	padding-top: 1px;
}

.bout-round {
	position: absolute;
	bottom: 9px;
	left: 50px;
	width: 70px;
	height: 15px;
	display: block;
	cursor: pointer;
	color: #fff;
	font: bold 7pt arial;
	text-align: center;
	padding-top: 2px;
}

#email, #name, #company {
	float: left;
	margin-left: 10px;
	width: 130px;
	height: 13px;
	padding: 5px;
	font: normal 8pt arial;	
	margin-bottom: 2px;
}


#boxshare {
	position: absolute;
	width: 166px;
	height: 180px;
	top: 35px;
	right: 5px;
	background: #eaeaea url(../images/fond-box-share.jpg) no-repeat;
}

#boxshare #lemessage {
	float: left;
	width: 130px;
	padding: 5px;
	height: 45px;
	left: 10px;
	margin: 0px 0 0 10px;
	font: normal 8pt arial;		
}

/* Fil d'ariane */
#ariane { 
	position: absolute; 
	top: 170px;
	left: 237px;
	height: 40px;
}

#ariane a { 
	color: #333333; 
	text-decoration: none; 
}


/* Couleur pays */
h1 { font-size: 15pt; padding: 0px; padding-bottom: 5px;margin-top: 10px; }
h2 { font: bold 10pt arial; padding: 0px;margin-top: 5px; letter-spacing: 0.11pt; }
h3 { font: bold 13pt arial; padding: 0px;margin: 0 0 8px 0; }

#com h1, #com h3, #com .pays, #com .selariane, #com #events .titevents, #com #edito .titedito { color: #003882; }
#com h2, #com .row h2 a, #com .rownews h2 a  { color: #7694b0; }
#com #outil { border-bottom: 2px solid #003882; }

#fr h1, #fr h3, #fr .pays, #fr .selariane, #fr #events .titevents, #fr #edito .titedito { color: #38393b; }
#fr h2, #fr .row h2 a, #fr .rownews h2 a { color: #6d6e70; }
#fr #outil { border-bottom: 2px solid #38393b; }


#ch h1, #ch h3, #ch .pays, #ch .selariane, #ch #events .titevents, #ch #edito .titedito { color: #9a2400; }
#ch h2 , #ch .row h2 a, #ch .rownews h2 a { color: #c29085; }
#ch #outil { border-bottom: 2px solid #9a2400; }

#be h1,  #be h3, #be .pays, #be .selariane, #be #events .titevents, #be #edito .titedito { color: #5f6920; }
#be h2, #be .row h2 a, #be .rownews h2 a { color: #afb593; }
#be #outil { border-bottom: 2px solid #5f6920; }

#nl h1, #nl .pays, #nl .selariane, #nl #events .titevents, #nl #edito .titedito { color: #ce5400; }
#nl #outil { border-bottom: 2px solid #ce5400; }
#nl h2 { color: #e4a77b; }

/*
.pays { 
	font: bold 13pt Arial;
	padding: 0px;
	margin: 0px;
	color: #38393b;
	letter-spacing: 0.11pt;
}
*/

/* Les medias associés */
.media {
	border-top: 2px solid #eaeaea;	
}

/********** MENU **********/
.lemenu {  
	float: left; 
	width: 220px; 
	margin: 0px;
}

.monmenu {
	background: #eaeaea;
	padding: 10px 0 10px 0;
	margin-top: -10px;
	width: 220px; 
}

.monmenu h2 { 
	letter-spacing: 2px; 
}

#colgauche { 
	float: left;
}

/* Couleur du menu  / sites */
#com .menuon, #com .grandactive, #com .grand:hover, #com .footer, #com .bout-send, #com .bout, #com #events .date, #com .bout-round { background-color: #003882; }
#com #events .date, #com #events .titlink { background: url(../images/fond-actu-com.png) no-repeat; }
#com .menuon, #com .menu:hover, #com .bout-round:hover, #com .formcontact .bout-send:hover, #com .bout:hover { background-color: #4f77ad; color: #ffffff; cursor:pointer; }
#com .menuon a { color: #ffffff; }


#fr .menuon, #fr .grandactive, #fr .grand:hover, #fr .footer, #fr .bout-send, #fr .bout, #fr #events .date, #fr .bout-round { background-color: #38393b; }
#fr #events .date, #fr #events .titlink { background: url(../images/fond-actu-fr.png) no-repeat; }
#fr .menuon, #fr .menu:hover, #fr .bout-round:hover, #fr .formcontact .bout-send:hover, #fr .bout:hover { background-color: #6d6e70; color: #ffffff; cursor:pointer; }

#ch .menuon, #ch .grandactive, #ch .grand:hover, #ch .footer, #ch .bout-send, #ch .bout, #ch #events .date, #ch .bout-round   { background-color: #9a2400; }
#ch #events .date, #ch #events .titlink { background: url(../images/fond-actu-ch.png) no-repeat; }
#ch .menuon, #ch .menu:hover, #ch .bout-round:hover, #ch .formcontact .bout-send:hover, #ch .bout:hover { background-color: #aa614b; color: #ffffff; cursor:pointer; }

#be .menuon, #be .grandactive, #be .grand:hover, #be .footer, #be .bout-send, #be .bout, #be #events .date, #be .bout-round    { background-color: #5f6920; }
#be #events .date, #be #events .titlink { background: url(../images/fond-actu-be.png) no-repeat; }
#be .menuon, #be .menu:hover, #be .bout-round:hover, #be .formcontact .bout-send:hover, #be .bout:hover { background-color: #e6833f; color: #ffffff; cursor:pointer; }


#nl .menuon, #nl .grandactive, #nl .grand:hover, #nl .footer, #nl .bout-send, #nl .bout, #nl #events .date, #nl .bout-round    { background-color: #ce5400; }
#nl #events .date, #nl #events .titlink { background: url(../images/fond-actu-nl.png) no-repeat; }
#nl .menuon, #nl .menu:hover, #nl .bout-round:hover, #nl .formcontact .bout-send:hover,#nl .bout:hover { background-color: #ce5400; color: #ffffff; cursor:pointer; }


/* Arrondi des menus */

.formcontact, #email, #company,#name, #Cemail, #Cnom, #Cprenom, #company, #lemessage, #Cmessage {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    CCborderRadius: 5px;	
}


/* fleche */
#arrow { 
	float: left;
	background: url(../images/menu-arrow.gif) no-repeat;
	margin: 5px 0 0 2px;
	width: 5px;
	height: 10px;
}

.grand { 
    width: 200px;
    text-align: left;
    margin: 0px 0 5px 10px;
    text-decoration: none;
    font: bold 8pt arial;
    background: #ffffff;
    display: block;
    cursor: pointer;
}


.grand a, .grand a:visited { 
	width: 190px;
	padding: 5px;
	display: block; 
	text-decoration: none;
}

.grand:hover, .grand:hover a  { 
	color: #ffffff; 
	display: block;
}


/* Menu niveau 1 */
.grandactive {
    width: 200px;
    text-align: left;
    margin: 0px 0 5px 10px;
    text-decoration: none;
    font: bold 8pt arial;
}

/* Menu de niveau 1 */
.grandactive a, .grandactive a:visited, .grandactive a:active { 
	width: 190px;
	padding: 5px;
	display: block; 
	color:#ffffff; 
	text-decoration: none;	
}

/* Menu niveau 2 */
.menu {
	float: left;	
    width: 180px;
    text-align: left;
    margin: 0px 0 5px 5px;
    text-decoration: none;
    font: bold 8pt arial;
    background: #ffffff;
    cursor: pointer;
    display:block;
}

.menu a {
	width: 170px;
	padding: 5px;
	display: block; 
}

.menu:hover a { 
	color: #ffffff; 
}

.plan { 
	background: #eaeaea;
}

.subagence { 
    background: #ffffff;	
}

/* Sous menu */
.submenu {
	margin: 0 0 10px 10px;
	color: #333333;
	overflow: hidden;
}
	
.submenu a,.submenu a:visited {
	text-decoration: none; 
}	
	
.submenu h2 {
	margin: 15px 0 5px 10px;
	color: #333333;
}

.submenu p {
	line-height: 150%;
	padding: 5px 10px 15px 10px;
}



/* Siege */
.siege {
	padding: 5px 0 5px 0;
	margin: -10px 0 0 0;
	height: 30px;	
	width: 220px;
	background: #eaeaea url(../images/fond-siege.jpg) repeat-x top left;
}



.siege .grandactive { 
	display:block;
	cursor: pointer;
}

/* les agences */
.agence {
	float: left;
	margin-top: -10px;
	width: 221px;
	height: 335px;	
	background: #eaeaea url(../images/fond-agence.jpg) no-repeat top left;	
}


#com .agence {
	background: #eaeaea url(../images/fond-agence-com.jpg) no-repeat top left;	
}


.subagence {
	float: left;
	margin: 5px 0 0 10px;
	width: 190px;
	height: 15px;
	font: normal 8pt arial;
	display: block;
	cursor: pointer;
}

.subagence a {
	text-decoration: none;
	display: block;
	font-weight: bold;		
}

.subagence:hover a {
	color:#ffffff;
}

/* toutes les agences */
.agence_fr, .agence_ch, .agence_be, .agence_nl, .agence_fr_on, .agence_ch_on, .agence_be_on {
	display: block;
	padding: 0px 0 5px 5px;
}

/* France */
.agence_fr_on, .agence_ch_on, .agence_be_on { 
	color: #ffffff;	
}

.agence_fr_on a, .agence_ch_on a, .agence_be_on a { color: #ffffff; font-weight: bold; }


.agence_fr a { color: #38393b; }
.agence_ch a { color: #9a2400; }
.agence_be a { color: #5f6920; }

.agence_fr_on { background: #38393b; }
.agence_ch_on { background: #9a2400; }
.agence_be_on { background: #5f6920; }

.agence_fr:hover, .agence_ch:hover, .agence_be:hover {
	display: block;
	color: #ffffff;
}

.agence_fr a, .agence_fr_on a, .agence_ch a, .agence_ch_on a, .agence_ch a, .agence_be a, .agence_be_on a {
	width: 185px;
	padding: 3px;
	display: block;
}


.agence_fr:hover {
	background: #38393b;	
}

.agence_ch:hover {
	background: #9a2400;	
}

.agence_be:hover {
	background: #5f6920;	
}

/*
.agence_fr a:hover, .agence_ch a:hover, .agence_nl a:hover, .agence_be a:hover {
	font-weight: bold;
}



.agence_ch_on {
	background: #9a2400;
}

.agence_ch_on a { 
	color: #ffffff;
}

.agence_ch a {
	color: #9a2400;
	display: block;	
}

.agence_ch:hover {
	background: #9a2400;
}*/

/* Belgique *//*
.agence_be_on {
	background: #5f6920;	
}

.agence_be_on a { 
	color: #ffffff;
}

.agence_be a, *:first-child+html .agence_be a:hover {
	color: #5f6920;
	display: block;
}

.agence_be:hover {
	background: #5f6920;	
}


/* Pays Bas *//*
.agence_nl_on {
	background: #ce5400;	
}

.agence_nl_on a { 
	color: #ffffff;
}

.agence_nl a,  *:first-child+html .agence_nl a:hover {
	color: #ce5400;
	display: block;	
}

.agence_nl:hover {
	background: #ce5400;	
}
*/
/* Moteur de recherche top */
#search {
	position: absolute; 
	top: 10px; 
	right: 3px; 
	width: 300px; 
	height: 26px; 
}

#search form {
	position: absolute;
	top: 0px; 
	right: 0px; 
	width: 164px;
	height: 26px;
	background: url(../images/fond-search.jpg) no-repeat top left;	
}

#search .field {
	position: absolute;
	top: 5px; 
	right: 30px; 
	width: 124px;
	height: 13px;
	border: 0px;
	font: normal 8pt arial;
}

#search .bout-lancer {
	position: absolute;
	top: 2px; 
	right: 0px; 
	width: 26px;
	height: 22px;
	display: block; 
	cursor: pointer;
	background: none;
	border: 0px;
}

#selectlangue { 
	float: left;
	margin-top: 5px;
	width: 100px;
	height: 40px;
	text-align: center;
	font: normal 8pt arial;	
}

/* resultat du moteur de recherche */
.resultat {
	border-bottom: 1px solid #eaeaea;
	margin-bottom: 10px;	
}

.resultat a { 
	text-decoration: none;
	font-size: 8pt;
}

.langfr, .langen, .langde {
	position: absolute;	
	top: 5px;	
	cursor: pointer;
	border: 0px;	
	width: 19px;
	height: 11px;
	display: block;		
}

.langfr {
	right: 180px;
	background: url(../images/flag-fr.jpg) no-repeat top left;	
}

.langen, .langde {
	right: 202px;
}

.langen { 
	background: url(../images/flag-en.jpg) no-repeat top left;	
}

.langde { 
	background: url(../images/flag-de.jpg) no-repeat top left;	
}


/* ------------ CSS ACCUEIL -----*/

#com .home .agence {
	height: 240px;	
	overflow: hidden;
}

#fr .home .agence, #be .home .agence {
	height: 260px;	
}


#ch .home .agence {
	height: 150px;	
}


#edito {
	float: left;
	margin: 0px 17px 0 0px;	
	width: 463px;
}

#edito .titedito {
	font: bold 12pt arial;
	margin: 0px;
	padding: 0px;
}

#events {
	float: left;	
	margin-top: -5px;	
	width: 230px;	
}


.liensutiles {
	float: left; 
	margin-top: -9px;
	width: 230px;
}

#events .titevents {
	font: bold 13pt Arial;
	margin: 0px;
	color: #38393b;
	letter-spacing: 0.11pt;
	padding-bottom: 5px;
}

#events .date {
	color: #fff;
	height: 13px;
	width: 100px;
	font: normal 7pt arial;
	text-align: left;
	text-indent: 25px;
	margin-top: -5px;
	padding: 0px;
	margin-bottom: 2px;
}

.titlink {
	color: #fff;
	height: 13px;
	width: 100px;
	font: normal 7pt arial;
	text-align: left;
	text-indent: 10px;
	margin-top: -5px;
	padding: 0px;
	margin-bottom: 2px;
}

.alllinks {
	float: right;
	text-align: right;
	margin-right: 5px;
}

#events .news-text {
	float: left;
	width: 210px;
	margin-left: 5px; 
}

/* Ligne des events */
.row {
	float: left;	
	width: 100%;
	height: 45px;
	margin-bottom: 5px;
	border: 0px;
	display: block;
}

.row .date, .rownews .date {
	float: left;
	width: 100%;
	font-size: 8pt;
}

.rownews .date { 
	margin-top: -8px; 
}

.row .date { 
	margin-top: -5px; 
}

.row h2 a {
	text-decoration: none;
	font: bold 10pt arial; 
	padding: 0px;
	margin-top: 5px; 
	letter-spacing: 0.11pt; 
}

.news-cont {
	float: left;
	padding: 5px 0 7px 0; 
}

#com .ligne1 { background: #f1f4f9; }	
#com .ligne2 { background: #f1f4f9;	}
#com .ligne3 { background: #d9e1ec;	}
#com .ligne4 { background: #d9e1ec;	}
#com .ligne5 { background: #becede;	}
#com .ligne6 { background: #becede;	}
#com .ligne7 { background: #becede;	}
#com .ligne8 { background: #becede;	}


#be .ligne1 { background: #f7f8f3;	}
#be .ligne2 { background: #f7f8f3;	}
#be .ligne3 { background: #e8eadf;	}
#be .ligne4 { background: #e8eadf;	}
#be .ligne5 { background: #d7d8c6;	}
#be .ligne6 { background: #d7d8c6;	}
#be .ligne7 { background: #d7d8c6;	}
#be .ligne8 { background: #d7d8c6;	}


#fr .ligne1 { background: #f7f7f4;	}
#fr .ligne2 { background: #f7f7f4;	}
#fr .ligne3 { background: #e7e9de;	}
#fr .ligne4 { background: #e7e9de;	}
#fr .ligne5 { background: #d7d9c7;	}
#fr .ligne6 { background: #d7d9c7;	}
#fr .ligne7 { background: #d7d9c7;	}
#fr .ligne8 { background: #d7d9c7;	}

#ch .ligne1 { background: #faf4f2;	}
#ch .ligne2 { background: #faf4f2;	}
#ch .ligne3 { background: #f1ded9;	}
#ch .ligne4 { background: #f1ded9;	}
#ch .ligne5 { background: #e7c8bf;	}
#ch .ligne6 { background: #e7c8bf;	}
#ch .ligne7 { background: #e7c8bf;	}
#ch .ligne8 { background: #e7c8bf;	}

#nl .ligne1 { background: #f3d4bf;	}
#nl .ligne2 { background: #f3d4bf;	}
#nl .ligne3 { background: #f8e6d9;	}
#nl .ligne4 { background: #f8e6d9;	}
#nl .ligne5 { background: #f3d4bf;	}
#nl .ligne6 { background: #f3d4bf;	}
#nl .ligne7 { background: #f3d4bf;	}
#nl .ligne8 { background: #f3d4bf;	}


.row a {
	font-size: 8pt;
	width: 90%;
	padding: 0px;
	text-decoration: underline;
}

.voir { 
	float: right;
	display: block;	
	width: 180px;
	height: 20px;
	color: #ffffff;		
	cursor: pointer;
	font: bold 8pt arial;
	text-align: center;
	padding-top: 4px;
	text-decoration: none;
}

.linkarchives, .linkarchives:visited {
	float: left;
	display: block;	
	width: 380px;
	height: 20px;
	color: #ffffff;		
	cursor: pointer;
	font: bold 8pt arial;
	text-align: center;
	padding-top: 4px;
	text-decoration: none;
}

*:first-child+html #events .voir {
	margin-right: 15px;
}

*:first-child+html .liensutiles {
	width: 215px;
}


/* Forms */
input, textarea, select {
	color: #333333;
	font : normal 9pt Arial; 
	border: 1px solid #eaeaea; 
}

/* Formulaire de contact */

.formcontact {
	margin: 0 auto;
	width: 450px;
	height: 350px;
	background: url(../images/fond-menu.jpg) repeat-x top left;	
	z-index: 1;
}

.formcontact .bout-send {
	margin: 0 auto;	
	display: block;	
	width: 150px;
	height: 18px;
	color: #fff;
	font: bold 8pt arial;
	text-align: center;
	padding-top: 3px;
	cursor: pointer;
}

#Cemail, #Cnom, #Cprenom, #Cmessage {
	padding: 2px;
}

form.css fieldset {
 	padding: 1em;
 	border: 0px; 	
}

form.css label {
 	display: inline;
 	float: left;
 	width: 120px;
 	padding-right: 10px;
}
 
form.css input,form.css textarea {
	width: 220px;
} 


/* PRINT HIDDEN */
#printet {
	display: none; 
}

.printtop {
	float: left;width: 100%;text-align: center;
}