@charset "utf-8";
/* CSS Document */

/*************************************************************************************************************************************
*********************************************** STYLES DE BASE ***********************************************************************
**************************************************************************************************************************************/

 /* General */
 body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,th,td {
	margin:0;
	padding:0;
}


/* Page */
html {
	height:100%;
	font-size: 100%; /* Évite un bug d'IE 6-7. (1) */
}
body {
  /* Pensez à utiliser une collection de polices (2), par ex:*/
  height:100%;
  font-family: Arial, Georgia, "Times New Roman", Times, serif;
  font-size:12px; /* À adapter pour la police choisie. (3) */
  line-height: 18px; /* À adapter au design. (4) */
  color:#7B7B7B;
  background: url('../img/background-avvene.jpg') fixed top center no-repeat #FFF;
}
/* IMAGES */
.ie6 img {
	behavior:url(./lib/iepngfix/iepngfix.htc);
}
/* Pas de bordure autour des images dans les liens */
a img {
  border: none;
}


/* Titres */
h1, h2, h3, h4, h5, h6 {
  line-height: 20px;
   font-weight: normal; /*bold; Valeur par défaut. (6) */
  font-style: normal;
}
h1 {
  font-size: 20px;
}
h2 ,
h2 strong{
  width:582px;
  height:72px;
  display:block;
  font-size: 24px;
  color:#c82986;
  border-bottom:1px solid #c82986;
}
h3,
h3 strong{
  font-size: 15px;
  color:#EA860E;
}
h4,
h4 strong{
  font-size: 13px;
  color:#c82986;
}

/* Listes */
ul, ol {
  padding: 0;
  list-style-position:inside;
}

li{
	margin:6px 0px;
}

li li{
	list-style-type:none;
	margin-left:10px;
}

/* Paragraphes */
p {
  margin: 8px 0px; /* Marges plus faibles que par défaut. (7) */
  line-height:18px;

}
address {
  margin: 0;
  font-style: normal;
}

/* Liens */
a {
  text-decoration: none;
}
a:link {
  color: #11C;
}
a:visited {
  color: #339;
}
a:hover, a:focus, a:active {
  color: #00F;
}


/* Divers éléments de type en-ligne (8) */
em {
  font-style: italic;
}
strong {
  font-weight: bold;
  color: #C82986;
}

/* Formulaires */
form, fieldset {
  margin: 0;
  padding: 0;
  border: none;
}
input, button, select {
  vertical-align: middle; /* Solution pb. d'alignement. (9) */
}

.left {
	float:left;
}
.right {
	float:right;
}
.clear {
	clear:both;
}
.vert {
}
.rouge {
	color:#C82986;
}

/*************************************************************************************************************************************
*********************************************** FIN STYLES DE BASE *******************************************************************
**************************************************************************************************************************************/

h1{
	width:300px;
	padding:0px;
	float:left;
}

h1 a {
    display: block;
    background: url('../img/logo-avvene.png') no-repeat 0px 33px left;
    width: 212px;
	margin:0px 40px;
	padding:33px 0px 0px 0px;
    height: 81px;
    position: relative;
    z-index: 1;
}

.ie6 h1 a {
	background: none; /* Il faut supprimer l'image de fond   s'il y en a une de déclarée dans la feuille de styles principale */
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/templates/defaut/img/logo-avvene.png", sizingMethod="image");
}

h1 span.alt-logo {
    position: relative;
    z-index: -1;
}

h2  span{
	margin: 45px 0px 0px 57px;
	float:left;
}
h2  #silhouette{
	float:left;
	display:block;
	width:60px;
	height:57px;
	background:url('../img/silouhettes-avvene.gif');
	overflow:hidden;
	margin-top: 15px;
	margin-left: 10px;
}


h2  #silhouette.s3{
	background-position:0;
}
h2  #silhouette.s4{
	background-position:-60px;
}
h2  #silhouette.s5{
	background-position:-120px;
}
h2  #silhouette.s6{
	background-position:-180px;
}
h2  #silhouette.s7{
	background-position:-240px;
}
h2  #silhouette.s8{
	background-position:-300px;
}
h2  #silhouette.s9{
	background-position:-360px;
}

#wrapper{
	width:1024px;
	min-height:500px;
	height:auto !important;
	height:500px;
	margin:0 auto;
	padding:0px 3px;
	background: url('../img/ompbre-wrapper-avvene.png') top center repeat-y; /*fond blc*/
	display:block;
}
.ie6 #wrapper{
	background: none; /* Il faut supprimer l'image de fond   s'il y en a une de déclarée dans la feuille de styles principale */
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/templates/defaut/img/ompbre-wrapper-avvene.png", sizingMethod="scale");
}

#banniere{
	width:1024px;
	height:149px; /* a adapté en fonction de la banniere*/
	background:url('../img/header-avvene.jpg') #fff;
	color:#FFF;
}

#banniere a{
	color:#CCC;
}
#choix_langue{
	margin-left:10px;
}

#conteneur {
}

/******* *** *** *** ****/
/**** MENU PRINCIPAL ****/
/******* *** *** *** ****/
#menu{
	clear:both;
	margin:0;
	padding:0;
	height:39px;
	width:100%;
	color:#FFF;
	background: url(../img/background-contenu-avvene.jpg) no-repeat #FFF top center;
	text-align:center;
	position:relative;
}

.ie7 #menu{
	background-image: url(../img/fond_menu_ie6.gif)
}

#menu a{
	font-size: 15px;
	color:#715b8d;
	text-decoration:none;
	display:block;
	z-index:1;
}
#skyline {
 width: 1024px;
 height: 37px;
 background: url(../img/menu-sprite.png) center top no-repeat;
 margin: 0px auto; padding: 0;
 position: relative;
}

.ie6 #skyline{
	background-image: none; /* Il faut supprimer l'image de fond   s'il y en a une de déclarée dans la feuille de styles principale */
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/templates/defaut/img/menu-sprite.png", sizingMethod="image");
}

#skyline li, #skyline a {height: 39px; display: block;}
#skyline li {margin: 0; padding: 0; list-style: none; position: absolute; top: 0;}

#menu-1 {left: 28px; width: 98px;}
#menu-2 {left: 126px; width: 103px;}
#menu-3 {left: 229px; width: 200px;}
#menu-4 {left: 429px; width: 141px;}
#menu-5 {left: 570px; width: 110px;}
#menu-6 {left: 680px; width: 189px;}
#menu-7 {left: 869px; width: 103px;}

#menu-1 a:hover, #menu-1.selected {background: transparent url(../img/menu-sprite.png) -28px -37px no-repeat;}
#menu-2 a:hover, #menu-2.selected {background: transparent url(../img/menu-sprite.png) -126px -37px no-repeat;}
#menu-3 a:hover, #menu-3.selected {background: transparent url(../img/menu-sprite.png) -229px -37px no-repeat;}
#menu-4 a:hover, #menu-4.selected {background: transparent url(../img/menu-sprite.png) -429px -37px no-repeat;}
#menu-5 a:hover, #menu-5.selected {background: transparent url(../img/menu-sprite.png) -570px -37px no-repeat;}
#menu-6 a:hover, #menu-6.selected {background: transparent url(../img/menu-sprite.png) -680px -37px no-repeat;}
#menu-7 a:hover, #menu-7.selected {background: transparent url(../img/menu-sprite.png) -869px -37px no-repeat;}

.ie6 #menu-1 a:hover, .ie6 #menu-1.selected {background-image:none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/templates/defaut/img/menu-sprite.png", sizingMethod="image");}
.ie6 #menu-2 a:hover, .ie6 #menu-2.selected {background-image:none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/templates/defaut/img/menu-sprite.png", sizingMethod="image");}
.ie6 #menu-3 a:hover, .ie6 #menu-3.selected {background-image:none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/templates/defaut/img/menu-sprite.png", sizingMethod="image");}
.ie6 #menu-4 a:hover, .ie6 #menu-4.selected {background-image:none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/templates/defaut/img/menu-sprite.png", sizingMethod="image");}
.ie6 #menu-5 a:hover, .ie6 #menu-5.selected {background-image:none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/templates/defaut/img/menu-sprite.png", sizingMethod="image");}
.ie6 #menu-6 a:hover, .ie6 #menu-6.selected {background-image:none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/templates/defaut/img/menu-sprite.png", sizingMethod="image");}
.ie6 #menu-7 a:hover, .ie6 #menu-7.selected {background-image:none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/templates/defaut/img/menu-sprite.png", sizingMethod="image");}


#ss-menu{
	clear:both;
	margin:0;
	padding:0;
	width:964px;
	color:#c82986;
	text-align:center;
	position:relative;
	margin-bottom:25px;
	background:none;
}
#ss-menu a,
#ss-menu a:hover{
	font-size: 13px;
	color:#c82986;
	text-decoration:none;
	display:block;
	z-index:1;
	background:none;
}
#ss-menu ul {
	margin:0 auto;
	width:964px;
	 padding: 0;
	 position: relative;
	 height:15px;
	background:none;
}
#ss-menu ul li {
	margin: 0px 9px; 
	padding: 0px; 
	list-style: none;
	float:left;
	display: block; 
	position:relative;
}

#ss-menu ul li.selected{
	font-weight:bold;
	border-bottom:0.2em solid #ED7719;
	height:17px;
	
}

/*** END MENU ***/


#contenu{
	float:left;
	margin:0;
	min-height:500px;
	height:auto !important;
	height:500px;
	width:100%;	
	background:url('../img/background-contenu-avvene.jpg') top center no-repeat #fff;
}

#contenu-texte{
	display:block;
	float:left;
	width:945px;
	min-height:400px;
	height:auto !important;
	height:400px;
	padding:0px 0px 15px;
}

#contenu-texte {
	margin:0px 0px 0px 55px;
	font-size:12px;
}

#contenu-texte  li li a{
	color:#EA860E;
}


#contenu-texte  a {
	color:#c82986;
	font-weight:bold;
}
#contenu-texte a:hover{
	text-decoration:underline;
}

#contenu-texte #chapo{
	font-weight: bold;
	margin:27px 0px 0px;
}


#contenu-texte  #page{}
#contenu-texte  #page img{
	max-width:450px;
}

#col-droit {
	display: block;
	width: 415px;
	float: right;
	padding:0px 0px 25px;
}

#contenu-image{
	display:block;
	float:right;
	width:400px;
	height:267px;
	overflow:hidden;
	background:#FDF5EA;
	margin:0px 0px 15px 15px;
}


#contenu-image,
#contenu-image.s3{
	background-image:url('../img/environnement-bastia-avvene.jpg');
}
#contenu-image.s4{
	background-image:url('../img/atelier-2-avvene.jpg');}
#contenu-image.s5{
	background-image:url('../img/atelier-avvene.jpg');}
#contenu-image.s6{
	background-image:url('../img/salle-cours-3-avvene.jpg');}
#contenu-image.s7{
	background-image:url('../img/salle-info-avvene.jpg');}
#contenu-image.s8{
	background-image:url('../img/salle-cours-2-avvene.jpg');}
#contenu-image.s9{
	background-image:url('../img/palmiers-avvene.jpg');}
	
	
#contact {
	width:400px;
	float:left;
	margin: 0px 0px 0px 18px;
}
#contact td{
	padding:0px 2px;
}
#contact input[type="text"]{
	width:384px;
}
#contact #name{
	display:none;
}

#contact textarea{
	width:386px;
	resize: none;
}

#contact textarea#message{
	height:150px;
}


#contact strong{
	display:block;
	width:100%;
	border-bottom:1px solid;
	margin:0px 0px 8px 0px
}
input.submit {
	height: 29px;
	padding: 5px 16px;
	margin: 5px;
	background: #ED7719;
	border: 1px solid #D2D2D2;
	color: white;
	cursor: pointer;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	border-image: initial;
}

#mots_cles{
	text-align:center;
	clear:both;
	color:#555;
	margin:0 auto;
	padding:5px 0;
	width:1024px;
}
#mots_cles a{
	color:#AAA;
}
.mot_cle_0{
	font-size:10px;
}
.mot_cle_1{
	font-size:12px;
}
.mot_cle_2{
	font-size:14px;
}
.mot_cle_3{
	font-size:15px;
	font-weight:bold;
}

#footer{
	clear:both;
	color:#FFF;
	margin:0px auto 0px;
	padding:0;
	width: 100%;
	height: 110px;
	text-align: center;
}
#footer a{
	color:#e6e6e6;
}
#footer ul{
	display:block;
	width:1028;
	height:19px;
	margin:0px auto;
	padding-top:15px;
	background: url('../img/bkg-footer.jpg') #ed7719 top center no-repeat;
	list-style-type : none; /* Car sinon les puces se placent n'importe où */
}
#footer ul li{
	display : inline;
padding : 0 2px; /* Pour espacer les boutons entre eux */
}

#footer span.separateur {
	display:inline-block;
	width:6px;
	height:6px;
	background:#c82986;
	margin:0px 10px;
}
/********** STYLE DU SITE FO *************/
#flash_banniere{

}
/*********** GOOGLE MAPS ***************/
#map_canvas{
	width:526px;
	height:400px;
	float:left;
}
