/* CSS Document */
/*******************************************************************************************************
cette feuille de style :
	construit la structure générale des pages 
/********************************************************************************************************/


/* INIT
/*-----------------------------------------------------------------------------------------------------*/

body {
	margin:auto;
	text-align:center;
	color:black;
	padding:10px 0 0 0;
	background:#FE3131;
	font-family:Arial, Helvetica, sans-serif;
}


* {background-repeat:no-repeat;}

.left {float:left;}
.right {float:right;}
.spacer, .clear{clear:both!important; height:1px!important; font-size:0px!important; margin:0!important; padding:0!important}


.invisible{display:none;}
#contenu hr{background: url(../img/hr.gif) no-repeat;height:20px;}

/* SKIPLINK
/*-------------------------------------------------------------------------------------------------------*/

ul#skiplink{position:absolute; top:-1000px; left:-1000px; background-color:#DB0B0B; margin:0; padding:0; z-index:1000;}
ul#skiplink li { list-style-type : none; position:absolute; top:0;}
ul#skiplink li a {position:absolute; top:-1000px; left:-1000px; display:block; color:black; font-weight:bold; padding:0.6em;}
ul#skiplink li a:focus, ul#skiplink li a:active { top:0px; left:0px; background-color:#FFECEC}
	
	
/* LANGUE
/*-------------------------------------------------------------------------------------------------------*/

#lang{ z-index:1000;  font-size:10px; position:absolute; top:20px;  z-index: 100;  text-align:left;width:260px; margin-left:690px; }



.english{background: url(../img/lang-en-bleu.gif) no-repeat;}
.french{background: url(../img/lang-fr-bleu.gif) no-repeat;}
#lang a{ color:black; text-decoration:none; font-weight:bold; padding-left:20px;}
#lang a:hover{text-decoration:underline}

/* STRUCTURE des BLOC CONTENEUR PRINCIPAUX
/*-------------------------------------------------------------------------------------------------------*/

#global2 {}
 
#global {
	margin:0 auto 0 auto;
	text-align:left;
	width:950px;
}

#corps{ padding:10px 0;	background:#FFD3D3 url(../img/bg-global.jpg) no-repeat bottom;	padding-bottom:100px;

}
#contenuEtColonne{ width:720px;float:right; display:inline; }

#contenu{ width:430px; float:left; padding:10px; background:#FFFFFF; min-height:400px;}

#colonneDroite{ width:250px; float:right; display:inline}

/* ENTETE */
/* ------------------------------------------------------------------------------------------------------- */
#entete{ position:absolute; top:10px}
#entete, #entete h1 { display:inline; width:216px; height:191px}


#entete a{ text-decoration:none}

#entete  #accessibilite a{}

#logo {}
#entete h1 {margin:0}
#entete h1 span{}


#flash{ position:absolute; top:0}


/* CHEMIN
/* ------------------------------------------------------------------------------------------------------- */
#contenu #chemin {color:black;}
#contenu #chemin h2{ display:none; margin:0; padding:0; color:black; font-weight:bold; font-size:1em; }
#contenu #chemin a {text-decoration:none;border:none  }
#contenu #chemin a:hover {text-decoration: underline; background:none!important; color:black;
#contenu #chemin p, #chemin div {padding:0;margin:0;}
#contenu #cheminContenu{}


/* RECHERCHE */
/* ------------------------------------------------------------------------------------------------------- */
#recherche {position:absolute; top:40px;  z-index: 100;  text-align:left;width:250px; padding-left:690px;}
#rechercheContenu{ background:#FFADAD; width:246px; padding:1px 2px 2px 2px;}
#recherche label{display:none}
.anglais #recherche{}
#recherche form, #recherche p {margin:0; padding:0; z-index: 50;}
#recherche p { white-space:nowrap}
#recherche input {border:0;padding:0.2em 0; background:#FFFFFF; font-weight:bold; vertical-align:middle}
#recherche #sword {color:black; border:0; width:210px; padding:0.2em;}
#recherche input.rechercheOK{ background:none; padding:0; margin:0; color:black;

/* HAUT DE PAGE */
/* ------------------------------------------------------------------------------------------------------- */
#hautDePage{ text-align:center; border-top:1px solid #FFD6D6; padding:10px 0 0 0; clear:both; display:none}
#hautDePage a{ color:black; text-decoration:none}

/* PIED DE PAGE */
/* ------------------------------------------------------------------------------------------------------- */
#piedDePage{clear:both;  color:black; margin:auto; text-align:center; width:950px; text-align:left; font-size:90%
}
#piedDePage p.comexposium{ float:left; width:125px;}

#piedDePage ul{margin:40px 0 0 0; float:left; width:825px} 

#piedDePage li{ display:inline;}

#piedDePage a {color:black; text-decoration:none;}
#piedDePage a:hover {text-decoration:underline;}
#piedDePage p {margin:10px 0;}	
#piedDePage #copyright{}

  
 
/* colonne droite 
/* -----------------------------------------------------------------------------------------------------*/
#colonneDroite{font-size:90%;  font-weight:bold;margin-top:55px; padding:0 10px 320px 10px;}

#colonneDroite .box{ padding:5px;background:none; margin:0; clear:both}
#colonneDroite .boxNL{ padding:10px; background:#FFDEDE}

#colonneDroite ul { list-style-type:none; margin:0; text-transform:uppercase; border:1px solid #FFDEDE;  border-width:1px 0;letter-spacing:0.1em}
#colonneDroite li{}


#colonneDroite a{  color:black; text-decoration:none; display:block; width:230px;  padding:0.3em 0}
#colonneDroite a:hover{background-color:#FFDEDE!important}
#colonneDroite li a{padding-left:10px;background:url(../img/puce.png) left no-repeat; width:230px }
#colonneDroite li.element73 a{ display:block; text-transform:none ; background:url(../img/facebook.png) left no-repeat; padding-left:95px;width:145px; letter-spacing:normal}
#colonneDroite li.element84 a{ display:block;  background:url(../img/mascotte.png) left no-repeat; padding:14px 0 0 45px;width:195px; height:30px; border:1px solid #FFDEDE; border-width:1px 0}


#colonneDroite h2{ margin-bottom:0; font-size:100%; font-size:200%; color:black; text-transform:uppercase; letter-spacing:0.1em;}
#colonneDroite .boxNL H2{ font-size:130%; font-weight:bold}
#colonneDroite .boxNL a:hover{text-decoration:underline; background:none}


#colonneDroite h2 img{ float:none; margin:0}

#colonneDroite p{margin:0}


/*MENU
/*----------*/
#navigationNiveau1{width:216px;float:left; margin-top:191px; text-align:center}
#navigationNiveau1 ul{ list-style-type:none ; margin-bottom:2em}
#navigationNiveau1 li{display:block}
#navigationNiveau1 li.selected{ font-weight:bold}


#navigationNiveau1 a{ color:black; text-decoration:none}
#navigationNiveau1 a:hover{text-decoration:underline}

#navigationNiveau1 p{ margin:2em 0 }

#navigationNiveau1 #FFCCCCordeon{margin-left:10px}

#navigationNiveau1 h3{ margin:0;  font-size:100%; font-weight:bold}
#navigationNiveau1 h3 a{ height:35px; display:block; border:1px solid #FFB4B4; border-width:0 0 1px 0; text-transform:uppercase}


#navigationNiveau1 h3 a:hover, #navigationNiveau1 h3.selected a{ background-position:0 -35px}
#navigationNiveau1 h3.element4 a{ background-image: url(../img/nav/01.png)}
#navigationNiveau1 h3.element3 a{ background-image:url(../img/nav/02.png)}
#navigationNiveau1 h3.element2 a{ background-image:url(../img/nav/03.png)}
#navigationNiveau1 h3.element34 a{ background-image:url(../img/nav/CMCA.gif); height:83px; margin-top:3em}
#navigationNiveau1 h3.element34 a:hover{background-position:0 0}

#navigationNiveau1 h3 span{display:none}

.englishVersion #navigationNiveau1 h3.element4 a{ background-image: url(../img/nav-en/01.png)}
.englishVersion #navigationNiveau1  h3.element3 a{ background-image:url(../img/nav-en/02.png)}
.englishVersion #navigationNiveau1 h3.element2 a{ background-image:url(../img/nav-en/03.png)}


/* DECLINAISON ACCUEIL
/* ------------------------------------------------------------------------------------------------------- */

.accueil #corps{ background:#FE3131; }
.accueil #contenu{ background:none;}
.accueil #corps{ padding:10px 0 0 0; height:600px}

.accueil #flash { position:absolute; top:10px;margin-left:216px}
.accueil #message{ position:absolute; top:560px; width:454px;margin-left:216px; background:#FE4B4B; color:black; height:50px; overflow:hidden; list-style-type:none; border-right:10px solid #FE4B4B}
.accueil #message marquee{ padding:10px 10px; font-size:1.5em; white-space:nowrap}
.accueil #message a{ color:black;

.accueil #video{ margin:0 0 1em 0}


.accueil #rechercheContenu{ background:#EF1F1F;}
.accueil #recherche input.rechercheOK{color:black;
.accueil #recherche #sword {color:black; background:#FE4949 }


.accueil #navigationNiveau1 a{ color:black;}

.accueil #navigationNiveau1 h3 a{border:none;}

.accueil #navigationNiveau1 h3.element4 a{ background-image: url(../img/nav/01-hp.png)}
.accueil #navigationNiveau1 h3.element3 a{ background-image:url(../img/nav/02-hp.png)}
.accueil #navigationNiveau1 h3.element2 a{ background-image:url(../img/nav/03-hp.png)}
.accueil #navigationNiveau1 h3.element34 a{ background-image:url(../img/nav/CMCA-hp.png); height:92px;}

.accueil .englishVersion #navigationNiveau1 h3.element4 a{ background-image: url(../img/nav-en/01-hp.png)}
.accueil .englishVersion  #navigationNiveau1 h3.element3 a{ background-image:url(../img/nav-en/02-hp.png)}
.accueil .englishVersion  #navigationNiveau1 h3.element2 a{ background-image:url(../img/nav-en/03-hp.png)}


.accueil #lang a{ color:black;}
.accueil #colonneDroite {padding:0 10px 20px 10px;}
.accueil #colonneDroite ul{ border:1px solid #FE5C5C; border-width:1px 0}
.accueil #colonneDroite li.element84 a{border:1px solid #FE4949; border-width:1px 0 0 0}


.accueil #colonneDroite a{ color:black;.accueil #colonneDroite a:hover{ background-color:#FE4949!important}
.accueil #colonneDroite .boxNL{background:#FE4949; margin-top:10px}

.accueil #colonneDroite .boxNL h2{font-size:130%;}

.accueil #colonneDroite li a{background:url(../img/puce-cmca.jpg) left no-repeat;}
.accueil #colonneDroite li.element84 a{background:url(../img/mascotte-cmca.gif) left no-repeat;}


/* DECLINAISON CMCA 
/* ------------------------------------------------------------------------------------------------------- */

.cmca #corps{ background:#FE3131 url(../img/bg-corps-cmca.jpg) no-repeat bottom right; padding:0 0 200px 0}
.cmca #contenu{ background:#FFFFFF url(../img/entete-cmca.jpg) no-repeat top; padding-top:200px;}
.cmca .englishVersion #contenu{ background-image:url(../img/entete-cmca-en.jpg)}



.cmca #contenu h1 { color:black;}
.cmca #contenu h2 { color:black;}
.cmca #contenu h3 { color:black;}
.cmca #contenu h4 { color:black;}
.cmca #contenu h5 { color:black;}
.cmca #contenu h6 { color:black;}

.cmca p#chapeau{color:black;

.cmca #contenu a{color:black;}
.cmca #contenu a:visited {color:black;

.cmca #rechercheContenu{ background:#EF1F1F;}
.cmca #recherche input.rechercheOK{color:black;
.cmca #recherche #sword {color:black; background:#FE4949 }

.cmca #navigationNiveau1 a{ color:black;}
.cmca #navigationNiveau1 h3 a{ height:auto; border:1px solid #FE4747; border-width:0 0 1px 0; color:black; margin-top:10px; padding:0.5em 0;}
.cmca #navigationNiveau1 h3 span{ display:block}
.cmca #navigationNiveau1 li{ border:1px solid #FE4747; border-width:0 0 1px 0; padding:0.3em 0;}



.cmca #lang a{ color:black;}

.cmca #colonneDroite{padding:0 10px 200px 10px;}
.cmca #colonneDroite h2{font-size:110%; font-weight:bold}


.cmca #colonneDroite ul{ border:1px solid #FE5C5C; border-width:1px 0}
.cmca #colonneDroite li.element84 a{ border:1px solid #FE4949; border-width:1px 0 0 0 }


.cmca #colonneDroite a{ color:black;.cmca #colonneDroite a:hover{ background-color:#FE4949!important}
.cmca #colonneDroite .boxNL{background:#FE4949; margin:10px 0}
.cmca #colonneDroite .boxNL h2{font-size:130%;}


.cmca #colonneDroite li a{background:url(../img/puce-cmca.jpg) left no-repeat;}
.cmca #colonneDroite li.element84 a{background:url(../img/mascotte-cmca.gif) left no-repeat;}


/* DECLINAISON ENFANT
/* ------------------------------------------------------------------------------------------------------- */
.enfant #corps{ background:#FE9797 url(../img/bg-corps-enfant.gif) no-repeat bottom right; padding:10px 0 240px 0 }

.enfant #contenu h1 { color:black;}
.enfant #contenu h2 { color:black;}
.enfant #contenu h3 { color:black;}
.enfant #contenu h4 { color:black;}
.enfant #contenu h5 { color:black;}
.enfant #contenu h6 { color:black;}

.enfant p#chapeau{color:black;

.enfant #rechercheContenu{ background:#FE7C7C}
.enfant #colonneDroite{padding:0 10px 20px 10px;}
.enfant #colonneDroite li,.enfant #colonneDroite ul { border-color:#FFAEAE}
.enfant #colonneDroite li.element84 a{ border:1px solid #FFAEAE; border-width:1px 0 0 0 }


.enfant #colonneDroite a:hover{ background-color:#FFAEAE!important}
.enfant #colonneDroite .boxNL{background:#FFAEAE;  margin:0 0 10px}
.enfant #colonneDroite .boxNL h2{font-size:130%;}

.enfant #navigationNiveau1{ margin-top:200px}
.enfant #navigationNiveau1 a{ color:black;}
.enfant #navigationNiveau1 h3 a{ height:auto; border:1px solid #FFAEAE; border-width:0 0 1px 0; color:black;padding:0.5em 0;}
.enfant #navigationNiveau1 h3 span{ display:block}
.enfant #navigationNiveau1 li{ border:1px solid #FFAEAE; border-width:0 0 1px 0; padding:0.3em 0;}

.enfant #colonneDroite h2{font-size:110%;font-weight:bold}

/*-------------------------------------------------------------------------------------------------------*/
/* PLAN DU SITE -----------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------------------*/

#contenu .csc-sitemap{color:black; 

#contenu  .csc-sitemap a:visited{}

#contenu .csc-sitemap ul{
	padding:0;
	margin:0;
	list-style-type:none;
}

#contenu .csc-sitemap a{
	text-decoration:none!important;
}
#contenu .csc-sitemap a:hover{
	text-decoration:underline!important;
}

#contenu .csc-sitemap li{
	list-style-type:none;
	list-style:none;
	background:none;
}
#contenu .csc-sitemap li a{
	font-weight:bold;
	display:block;
	margin:20px 0 10px 0;
	border-bottom:1px solid #FFD6D6;
	padding:0;
}
#contenu .csc-sitemap li ul {
	margin: 0 ;
}
#contenu .csc-sitemap li li { font-weight:bold; font-size:2em; text-transform:uppercase;}


#contenu .csc-sitemap li li a, #contenu .csc-sitemap li li a:visited{
	font-weight:normal;
	margin: 6px 0 3px 5px;
	background:none;
	color:black;
	
}

#contenu .csc-sitemap li li a:hover { text-decoration:none; }
#contenu .csc-sitemap li li a:visited {}

#contenu .csc-sitemap li li ul {
	margin: 5px 20px
}
#contenu .csc-sitemap li li li{
	list-style-type:circle; font-size:70%; font-weight:normal; text-transform:none
}
#contenu .csc-sitemap li li li a{
border:none
}

#contenu .csc-sitemap li li li li a{
}


/* PAGE SANS COLONNE 
/* -------------------------------------------------------------------------------------------------------*/

.sanscolonne #recherche, .sanscolonne #lang { display:none!important}
.sanscolonne #contenu{ width:690px}
.sanscolonne #corps{ background-image:url(../img/bg-global-sanscolonne.jpg)}

.tx-rgsmoothgallery-pi1{text-align:center;margin:0 auto;}