/*******************/
/*LAYOUT PRINCIPAL */
/*******************/

/* mac hide\*/
html, body {
	height:100%;
}

/* end hide */
html,body {
	padding:0;
	margin:0;
	background:#202020 url(/corporate/squelettes/images/bg-body.jpg) repeat-x;
}

body{	
	text-align:center;
	min-width:970px;/* for mozilla*/
	color: #832466;
	font-family: Verdana, Arial, Tahoma, sans-serif;
	font-size:0.71em;
}

#outer{
	background:#FFF url(/corporate/squelettes/images/interface_site3.jpg) no-repeat scroll top;
	width:969px;
	height:99.9%;
	min-height:100%;
	color: #000000;
	text-align:left;
	margin-left:auto;
	margin-right:auto;
	position:relative;
}
 
html>body #outer{height:auto;} /*for mozilla as IE treats height as min-height anyway*/
#header{
	position:absolute;
	top:0;
	left:-1px;
	width:969px;
	height:72px;
	overflow:hidden;
	color: #000000;
	z-index:100;
}

#left {
	position:relative;/*ie needs this to show float */
  width:166px;
	float:left;
	padding-top:70px;/*needed to make room for header*/
}

#left p {padding-left:3px;padding-right:2px}

#footer {
	width:969px;
	clear:both;
	height:280px;
	border-bottom:1px solid #000;
	background-color: #F6ECF4;
	background: url(/corporate/squelettes/images/footer.jpg) center no-repeat;
	color: #000000;
	text-align:center;
	left:0;
	bottom:0;
	position: absolute;
	z-index:0;
}
* html #footer{margin-bottom:-1px}/* ie rounding bug*/
* html #footer {/*only ie gets this style*/
	\height:156px;/* for ie5 */
	he\ight:154px;/* for ie6 */
}
div,p  {margin-top:0}/*clear top margin for mozilla*/
#centrecontent {
	width:789px;
	float:right;
	padding-top:72px;/*make room for header*/
}
#centrecontent p {padding-left:3px}

#clearfooter {width:100%;height:280px;clear:both} /* to clear footer */
html >body #minHeight{float:left;width:0px;/*height:100%;*/margin-bottom:-74px;} /*safari wrapper -> la "height:100%" fait déconner IE7 sur resize*/


/* Non visible a l'ecran */
.invisible { position: absolute; top: -3000em; height: 1%; }


/*  ------------------------------------------
/*  Couleurs des liens
/*  ------------------------------------------ */
a { text-decoration: none; color: #832466; }
a:hover { text-decoration: underline; }

/*******************/
/*     BOITES      */
/*******************/

/* MENU LATERAL GAUCHE */
#rubriques ul{
	padding:0px;
	margin:0px;
	margin-left:10px;
	margin-right:10px;
	padding-top:5px;
}


#rubriques li{
	height:30px;
	list-style-type:none;
	border-bottom:1px dashed #832466;
}
/*
#rubriques li a{
	color:#454545;
}
*/
#rubriques li:hover{
	background-image:url(/corporate/squelettes/images/bg-hover.jpg);
	background-repeat:no-repeat;
	font-weight:bold;
}

#rubriques li.sfhover{ /* Special :hover pour IE */
	background-image:url(/corporate/squelettes/images/bg-hover.jpg);
	background-repeat:no-repeat;
}

#rubriques a:hover{
	font-weight:bold;
}

#rubriques span {
	padding-left:1.5em;
	vertical-align:55% !important;
	vertical-align:70%;	
}

#rub-desc{
	width:280px;
	text-align:justify;
}

/*Sur-impression du pays sur la carte*/
#country {
	background-image:url(/corporate/IMG/siteoff0.jpg);
	background-repeat:no-repeat;
	background-color:transparent 
	margin-left:10px;
	margin-left:9px !important;
	border:0px;
	height:200px;
}

#country img{
	behavior: url("win_png.htc");
}

.intip {
	font-size:120%;
	position:absolute;
	color:#832466;
	font-style:italic;
	font-weight:bold;
	display:none;
}  

.intip2 {
	font-size:140%;
	color:#832466;
	font-weight:bold;
	display:none;
	padding-left:2em;
}  

/* FIN MENU LATERAL GAUCHE */

/* ENTETE CONTENU */

#hierarchie{
	margin-top:1px !important;
	margin-bottom:10px;
	padding-bottom:0px;
	font-weight:bold;
	background-color:#F0F0F0;/*#F5EEF5*/
	color:#009FE2;
}

.cartouche{
	background-color: #811D63;/*#009FE2*/
	background-image:url(/corporate/squelettes/images/bg-entete.jpg);
	border-bottom: 1px dashed #BF94B2;
	padding-top: 5px;
	margin-bottom: 10px !important;
	margin-bottom: 5px;
	height:25px;
	width:100%;
}

.cartouche span {
	float:left;
}

.cartouche li{
	float:right;
	margin-top:-5px;
	list-style-type:none;
}

.articles_mots{
	text-align:center;
	font-weight:bold;
}

.articles_mots ul{
	margin:0px;
	padding:0px;
}

.articles_mots li{
	margin-left:15%;
	text-align:left;
	list-style-type:none;
}

.articles_mots_destinations {
	font-weight:bold;
	text-align:center;
}

.articles_mots_destinations ul{margin:0px;padding:0px;}

.articles_mots_destinations li {
	list-style-type:none;
	width:200px;
	display:inline;
}

/* FIN ENTETE CONTENU */

/* LATERAL DROIT */
.encart{
	float: right;
	width: 160px;
	height:auto;
	background-color: #D0D0D0;/*#F4E9FF*/
	/*border: 1px solid #E5D7F4;*/
	margin-right: 15px !important;
	margin-right: 8px;
	text-align:justify;
}

/* FIN LATERAL DROIT */


/* LATERAL GAUCHE */

.menu-entete{
	text-align:center;
	font-weight:bold;
	color:white;
	font-size:130%;
}

.menu-titre{
	text-align:center;
	background-color:#4F4F4F;/*#009FE2#BF94B2*/
	font-weight:bold;
	color:white;
}

.breves{
	margin-left: 10px;
	width: 155px;
	background-color: #D0D0D0;/*#F4E9FF*/
	/*border: 1px solid #E5D7F4;*/
}

.breves ul, .encart ul{
	padding-left:15px;
	margin-left:0px;
}

.breves li, .encart li{
	padding-left:10px;
	background:url(/corporate/squelettes/images/minipuce.png) 0px 2px no-repeat;
	list-style-type:none;
}

/* FIN LATERAL GAUCHE */


/*ENCART LOGIN*/

#jump {
	margin:0px;
	padding:0px;
	position:absolute;
	top:10px;
	right:20px;
	width:100px;
	color: #000000;
	cursor: pointer;
}

div#jump ul{
	text-align:center;
	margin:0; 
	padding:1px 1px 0; 
	list-style:none; 
	display:block; 
	height:auto;
	/*border:1px solid #b9121b; 
	border-top:none; */
}

/*
div#jump div:hover ul{
	display:block; 
}
*/
/*IE COMPATIBILITY
div#jump div.sfhover ul{ 
	display:block; 
}
*/

/*FIN ENCART LOGIN*/


/* CORPS DE LA PAGE */
.contre-encart{
	width: 600px;
	border: 1px solid #E5D7F4;
}

#content-rub {
	float:left;
	min-width:190px;
	padding-left:3px;	
	padding-right:3px;
	padding-bottom:10px;
}


#content-rub-home {
	float:left;
	min-width:180px;
	padding-left:3px;	
	padding-right:3px;
	padding-bottom:10px;
}


#content-rub ul , #content-rub-home ul{    
	margin:0px;
	padding:0px;
	font-weight:bold;
}

#content-rub li  , #content-rub-home li{    
	list-style-type:none;
	font-weight:bold;
}

#content-rub ul li  , #content-rub-home  ul li {    
	list-style-type:none;
	font-size:100%;
	font-weight:normal;
}

.bordure {
	border-left:1px solid #CCCCCC;
}

.chapo {
	margin-left: 0.7em;
	margin-right: 0.7em;
	font-weight: bold;
	line-height: 1.4em; 
	text-align:justify;
}

.liste-articles{
	margin-left: 0.7em;
	margin-right: 0.7em;
}

/* FIN CORPS DE LA PAGE */


/* HOMEPAGE */

#visuel-sommaire{
	padding-top:10px;
	padding-bottom:10px;
	float:left;
}


.logos_home{
	border:1px dashed #E5D7F4;
	margin-top:-3px;
	margin-right:5px;
}

#texte-sommaire{
	float:left;
	width:190px;
	background-color:#4F4F4F;
	padding:10px;
	font-size:100%;
	color:white;
	font-weight:bold;
	text-align:justify;
}

#jumpmenu{
	position:relative;
	z-index:1000;
	float:left;
	width:350px;
	padding:5px;
	margin:0px;
	background-color:#D0D0D0;
}


/* FIN HOMEPAGE */

/*******************/
/*     TYPOS      */
/*******************/

/* HEADERS */
h1, h2, h3, h4, h5{
	margin:0;
	padding:0;
}

h1{	font-size:140%; }

h2{	font-size:120%; }

h3{ font-size:100%;}

h4{ font-size:80%;}

/*TITRES RUBRIQUES ET ARTICLES*/

.titre{
	font-size: 18px;
	font-weight: bold;
	margin-left: 5px;
	margin-right: 5px; 
	color:white;
}

.pagination { font-size: 0.90em; }

.soustitre{

}

.texte {
	text-align: justify;
	margin: 5px;
}

#footer p{
	font-size:80%;
	padding-top:2.6em;
}

/************************/
/*     FORMULAIRES      */
/************************/

.form_recherche{
	text-align:center;
}

form{
	padding:0px;
	margin:0px;
}

input, select{
	color:#832466;
	font-size:0.85em;
	background-color:#AEAEAE;/*#FAE8FF*/
	margin:3px;
}


#pays select {
	font-size: 140%;
}



/* mise en page des images dans les articles */

.visuels{
	float:left;
	width:34%;
}

.visuels img{
	border: 1px solid black;
	margin-right:5px;
	margin-bottom:5px;
}

blockquote{
	padding:0px
	margin:0px
}

.flag{
	float:right;
}

.flag .format_png{
	border:1px black solid;
}

/*FORMULAIRES*/


label { display:inline; float: left; font-weight:bold; margin-left: 1em; }

.formulaire_recherche_avancee label{
	width:175px;
}

.input { background-color: #ffefd5; font-family: arial, helvetica, sans-serif ; color: red ; }

.option { background-color: #ffefd5; }

.select { background-color: #ffefd5; }

.textarea { background-color: #ffefd5; color: red; }

.button { font-family: arial, helvetica, sans-serif; border-width: 2pt; font-size: 14pt; color: black; top: 250px; background-color: #f5deb3; }

/*BOTTOM DRAPEAUX*/
.tablebottom {
			color: #832466;
		}
.tablebottom a, .tablebottom a:link, .tablebottom a:visited, .tablebottom a:active, .tablebottom a:hover {
			margin-left: 12px;
}


.colul {
	list-style: none;
	text-align : left;
}

.colul li a{
	margin-left:-5px;
}