@charset "utf-8";
/* CSS Document */
body {
	color: #F0E39E;
	padding: 0px;
	background-image: url(../images/arriere_plan.gif);
	background-repeat: repeat;
}
a img 
{ 
border: none; 
} 
.photodroite{
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	float: none;
	margin-top: 10px;
	margin-left: 20px;
	text-align: center;
}
p{
	color:#131455;
}
	
/* Titres */
h1, h2, h3, h4, h5, h6 {
	margin-top: 0.5em;
	margin-right: 0.7em;
	margin-bottom: 0.5em;
	margin-left: 0;
}
h1, h2 {
	font-family: Georgia, "Bitstream Vera Serif", Norasi, serif;
	font-weight: normal; /* -> 7 */
}
h1 {
	font-size: 1.4em; /* -> 8 */
	font-style: italic;
	color:#006;
	font-weight: bold;
	text-align: left;
}
h2 {
	font-size: 1.4em;
	font-style: italic;
	color:#006;

}
h3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #406679;
}
h4 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 40px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #406679;
}
h5 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #406679;
}

/*complet*/
a {
	color: #406679;
	text-decoration: none;
}
a:hover, a:focus {
	text-decoration: underline;
	color: #006;
}
strong {
	color: #131455;
}

/* Conteneur central */

#global {
	width: 960px;
	max-width: 90em;
	min-width: 850px;
	margin-left: auto;
	margin-right: auto;
	background-color: #FFF;
}
#entete {
	position:relative;
	height:133px;
	overflow:hidden;





	50% 35px no-repeat
;
	background-repeat: repeat;
	padding: 0px;
}
#entete p{
	float:left;
	font-size: 2em; /* -> 8 */
	font-style: italic;
	margin: 0.5em 0 .5em 0; /* -> 6 */
	font-family: Georgia, "Bitstream Vera Serif", Norasi, serif;
	font-weight: normal; /* -> 7 */


}
#entete  img {
	float: left;
	margin: -5px 20px 10px 0;
}
.im{
	float:right!important;

	}
	#header-inside {
	position: relative;
	width: 960px;
	font-size: 18px;
	font-style: italic;
	font-weight: bold;
	background-image: url(../images/header-bg-bluepti9.jpg);
	background-repeat: no-repeat;
	height: 133px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
#header-inside-logo{
	position:absolute;
	margin-left:390px;
	margin-top: 7px;
	font-size: 19px;
	font-weight: bolder;
	font-family: Verdana, Geneva, sans-serif;
	font-style: normal;
	color: #FFF;
}
#header-inside-logo h1{
	font-size: 18px;
	font-weight: bolder;
	font-family: Verdana, Geneva, sans-serif;
	font-style: normal;
	color: #FFF;
}
#header-inside-logo2{
	position:absolute;
	margin-left:455px;
	margin-top: 79px;
	font-size: 13px;
	font-weight: bold;
	font-family: Verdana, Geneva, sans-serif;
	font-style: normal;
	color: #FFF;
}
	/* Inset 3D Raised */
.raised {background: transparent; width:40%; margin:0 auto;}
.raised h1, .raised p {margin:0 10px;}
.raised h1 {font-size:2em; color:#fff; letter-spacing:1px;}
.raised p {padding-bottom:0.5em;}

.raised .top, .raised .bottom {display:block; background:transparent; font-size:1px;}
.raised .b1, .raised .b2, .raised .b3, .raised .b4, .raised .b1b, .raised .b2b, .raised .b3b, .raised .b4b {display:block; overflow:hidden;}
.raised .b1, .raised .b2, .raised .b3, .raised .b1b, .raised .b2b, .raised .b3b {height:1px;}
.raised .b2 {background:#ccc; border-left:1px solid #fff; border-right:1px solid #eee;}
.raised .b3 {background:#ccc; border-left:1px solid #fff; border-right:1px solid #ddd;}
.raised .b4 {background:#ccc; border-left:1px solid #fff; border-right:1px solid #aaa;}
.raised .b4b {background:#ccc; border-left:1px solid #eee; border-right:1px solid #999;}
.raised .b3b {background:#ccc; border-left:1px solid #ddd; border-right:1px solid #999;}
.raised .b2b {background:#ccc; border-left:1px solid #aaa; border-right:1px solid #999;}


	/*menu onglet*/
		#header {
	float:left;
	width:100%;
	background-color:#BBD9EE;
	height:auto;
	padding:0;
	font-size:0.8em;
	line-height:normal;
	color:#000;
	background-repeat: repeat-x;
	background-image: url(../images/lienh.png);
	background-position: left bottom;
	font-family: Verdana, Geneva, sans-serif;
	
		}
		#header ul {
	margin-left:175px;
	list-style:none;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	padding-top: 10px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 5px;
		}
		#header li {
			display:inline;
			
			padding:0;
			font-size:110%;
		}
	#header a {
	float:left;
	padding:0 0 0 9px;
	text-decoration:none;
	color:#000;
	background-color: #E7F1F8;
	background-image: url(../images/sliding-doors-mountaintops-1.png);
	background-repeat: no-repeat;
	background-position: left top;
	}
	#header a span {
	float:left;
	display:block;
	padding:15px 15px 3px 6px;
	background-color: #E7F1F8;
	background-image: url(../images/sliding-doors-mountaintops-1.png);
	background-repeat: no-repeat;
	background-position: right top;
	}
	#header a span {float:none;}
	
	#header #current a span {
		padding-bottom:4px;
	}
	#header a:hover, #header a:hover span {
		background-color:#00C;
		color:#FFF;
		
	}
		
#header a.active,#header a.active span {
			background-color:#006;
					color:#FFF;

}
	#header #current a span, #header #current a {
		background-color:#fff;
	}
	#header img{
	position:absolute;
	margin-left:8px;
	margin-top:-3px;
	height: 29px;
	top: 152px;
	
	}
	
	#header form{
	float:right;
	margin-right:8px;
	}
	/*navigation gauche 1*/
	#navlist
{
	color: #FFF;
	background: #17a;
	border-bottom: 0.2em solid #17a;
	border-right: 0.2em solid #17a;
	padding: 0 1px;
	margin-left: 0;
	width: 12em;
	font-family: Verdana, sans-serif;
	font-size: 0.8em;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
}

#navlist li
{
list-style: none;
margin: 0;
font-size: 1em;
}

#navlist a
{
	display: block;
	text-decoration: none;
	margin-bottom: 0.5em;
	margin-top: 0.5em;
	color: white;
	background: #39c;
	padding: 0.25em 0.5em 0.4em 0.75em;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1em;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #5bd;
	border-right-color: #035;
	border-bottom-color: #068;
	border-left-color: #006;
}

#navlist a#current { border-color: #5bd #035 #068 #f30; }

#navlist a
{
	width: 99%;
	color: #FFF;
/* only necessary for Internet Explorer */
}

#navlist a
{
voice-family: "\"}\"";
voice-family: inherit;
width: 9.6em;
/* Tantek-hack should only used if Internet-Explorer 6 is in standards-compliant mode */
}

#navcontainer>#navlist a
{
	width: auto;/* only necessary if you use the hacks above for the Internet Explorer */
	color: #FFF;
}

#navlist a:hover, #navlist a#current:hover
{
background: #28b;
border-color: #069 #6cf #5bd #fc0;
padding: 0.4em 0.35em 0.25em 0.9em;
}

#navlist a:active, #navlist a#current:active
{
background: #17a;
border-color: #069 #6cf #5bd white;
padding: 0.4em 0.35em 0.25em 0.9em;
}
#info {height:400px;}

/*menu gauche 2*/
#menu {
	position:relative;
	margin-top:20px;
	left:5px;
	display:block;
	width:150px;
}
#menu a, #menu a:visited {
	display:block;
	width:150px;
	height:30px;
	background-position:left top;
	background-color:transparent;
	text-align:center;
	color:#131455;
	line-height:28px;
	text-decoration:none;
	font-family:arial, sans-serif;
	font-weight:bold;
	margin-top:5px;
	background-image: url(../images/fond_menu-documentation.gif);
	font-size: 12px;
	font-style: oblique;
	background-repeat: repeat-x;
}
#menu a:hover{
	background-position:left center;
	line-height:31px;
	overflow:hidden;
	color:#FFF;
	font-size: 12px;
	font-style: oblique;
}

#menu a.active{
	background-position:left center;
	line-height:31px;
	overflow:hidden;
	color:#F00;
	font-size: 12px;
	font-style: oblique;
}



#menu a#selected, #menu a#selected:hover {
	background-position:left bottom;
	line-height:30px;
	cursor:default;
	color:#000;
	font-size: 12px;
	font-style: oblique;
}
/* colonne gauche générale*/

div#colonne1 {
	float: left;
	width: 170px;
	background-color: #FFF;
	height: auto;
}
#colonne1 p
{padding-left:10;
}
div#colonneliens {
	width: 150px;
	float:left;
	background-color: #F4F5F7;
	border:solid;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

div#colonne2 {
	float: right;
	width: 255px;
	min-height:685px;
	background-repeat: repeat-y;
	min-height:650px;
	height: auto;
}
.coldEvenementBox {
	width:250px;
	background:white;
	margin-top: 10px;
	margin-right: 0;
	margin-bottom: 10px;
	margin-left: 0;
}
.coldEvenementBoxheader {
	width:250px;
	height:17px;
	text-align:center;
	color:white;
	font-family:arial,helvetica,sans-serif;
	font-size:13px;
	font-weight:bold;
	text-transform:uppercase;
	padding-top:1px;
	background-image: url(../images/tet-pas_manquer.gif);
}
.coldEvenementBoxcontenu2 {
	background-repeat:repeat-y;
	width:242px;
	padding-top:5px;
	padding-left: 1px;
	padding-right: 5px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #F00;
	border-right-color: #F00;
	border-bottom-color: #F00;
	border-left-color: #F00;
}
.coldEvenementBoxcontenu2 p{
	padding-left:2px;
	padding-right:2px;}
	
	.coldEvenementBoxcontenu2 h1{
	padding-left:0px;
	color:#006;
	font-size: 22px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
	text-align: center;
}


.coldEvenementBoxpied2 {
	background-repeat:no-repeat;
	width:250px;
	height:6px;
	margin-bottom: 20px;
}
.colgEmissionBox {
	background-position:left;
	background-repeat:repeat-y;
	width:160px;
	margin-top:15px;
	background-image: url(../images/fond_onglet_noir.gif);
}

.colgEmissionBoxtete

{
	background-color: transparent;
	background-image: url(../images/haut.gif);
	background-repeat: repeat;
	background-attachment: scroll;
	background-position: 0% 0%;
	height: 17px;
	padding-top: 3px;
	padding-right: 0px;
	padding-bottom: 0pt;
	padding-left: 6px;
	color: white;
	font-weight: bold;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 13px;
	width: 155px;
	margin-top: 0px;

}
.colgEmissionBoxcontenu 

{
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 6px;
	width: 150px;
}
.colgEmissionBoxcontenu p{
	padding-left:0px;
	padding-right:0px;
	font-size: 10px;
	margin-left: 3px;
	margin-right: 3px;
}


.colgEmissionBoxpied{
	background-color: transparent;
	background-image: url(../images/bas_onglet_noir.gif);
	background-attachment: scroll;
	background-position: 0% 0%;
	background-repeat: no-repeat;
	width: 160px;
	height: 7px;
	font-size: 1px;

}
/*colonne contenu centre*/
      div#centre {
	margin-left: 170px;
	margin-right: 270px;
	padding-left:20px;
	background-image: url(../images/lien.png);
	background-repeat: repeat-y;
	color: #131455;
	width: auto;
	min-height:860px;
	background-color: #FFF;
	height: auto;
	text-align: left;
}
	  div#centre titre{
	background-image:url(../images/2783496bsmbh.png);
	height:80px;
	margin-top:15px;
	  }
	  div#centre p{
	color:#131455;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 0.8em;
	line-height: 1.1em;
	text-align: left;
	margin-right: 3px;
	  }
	  .centreimg{
	float:right;
	margin-left:8px;
	margin-right:2px;
	margin-top: 5px;
	margin-bottom: 5px;
	  }
	  .centrelogo{
	width:480px;
	height:30px;
	color: #FFF;
	margin-right: auto;
	margin-bottom: 40px;
	margin-left: auto;
	margin-top: 20px;
	background-image: url(../images/barre-titre2.png);
	  }
	 .centrelogo h2
	 {
	font-size:1.5em;
	color: #FFF;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 4px;
	text-align: left;
	font-weight: bold;
	font-family: Verdana, Geneva, sans-serif;
}
div#centre_contact {
	margin-left: 170px;
	margin-right: 270px;
	padding-left:20px;
	margin-top:0px;
	background-image: url(../images/lien.png);
	background-repeat: repeat-y;
	color: #F4F5F7;
	width: auto;
	background-color: #FFF;
	height: auto;
	min-height: 860px;
}
div#centre_contact h1{
	font-family:Verdana, Geneva, sans-serif;
	font-size:14px;
	text-align:center;
	border-top-style: ridge;
	border-right-style: ridge;
	border-bottom-style: ridge;
	border-left-style: ridge;
}
	

	  div#centre_contact p{
	color:#131455;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 0.8em;
	line-height: normal;
	text-align: center;
	  }

	  /* colonne droite motif Square cutout Borders*/
.square {
	width:250px;
	margin-top:10px;
	position: relative;
	float: right;
	margin-bottom: 5px;
	height: 530px;
}
.square h1, .square p {
	margin-top: 0;
	margin-right: 5px;
	margin-bottom: 0;
	margin-left: 10px;
	padding-left: 0px;
}
.square h1 {
	font-size:1.6em;
	color:#FC0;
	letter-spacing:1px;
	font-weight: bold;
}
.square p {
	padding-bottom:0.5em;
	font-weight: bold;
	color: #000;
}

.square .top, .square .bottom {display:block; background:transparent; font-size:1px;}
.square .b1t {
	margin:0 6px;
	display:block;
	overflow:hidden;
	height:5px;
	border-left:1px solid #00c;
	border-right:1px solid #00c;
	border-top:1px solid #00c;
	background-color: #CCC;
	background-image: url(../images/2783496bsmbh.png);
}
.square .b2 {
	display:block;
	height:1px;
	margin:0;
	border-left:7px solid #00c;
	border-right:7px solid #00c;
	overflow:hidden;
	background-image: url(../images/2783496bsmbh.png);
}
.square .b1b {
	margin:0 6px;
	display:block;
	overflow:hidden;
	height:5px;
	border-left:1px solid #00c;
	border-right:1px solid #00c;
	border-bottom:1px solid #00c;
	background-image: url(../images/2783496bsmbh.png);
}

.square .boxcontent {
	display:block;
	background-repeat: repeat-x;
	background-image: url(../images/2783496bsmbh.png);
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: none;
	border-left-style: none;
}

/* bas de page footer*/
#pied {
	margin: 0;
	height:20px;
	padding: 15px 260px 10px 200px;
	font-size: .85em;
	clear:both;
	background-image: url(../images/header-bg-blue.jpg);
}