/*----------- DETECTION JS--------------------*/
#jserror dl{
	background:url(../images/puce-java.gif) no-repeat 10px 3px ;
	border:#FF0000 1px solid;
	color:#FF0000;
	padding: 10px 10px  10px 70px;
	margin:10px 0;
	float:left;
	height:45px}
#jserror dt{ font-weight:bold; }
/*--------------------------------------------*/
*{margin:0px; padding:0px; outline:none }
/*----------------------------------------------------------------------------------------------------------BALISES GENERALES----*/
/*----------------------------------------------------------------menuHt TEXTE----*/
a{color:#333333;text-decoration:none; }
a:hover{color:#0099cc;text-decoration:none;} 
ul,li{ list-style-type:none; }
/*----------------------------------------------------------------------IMAGES----*/
a img{ border:none;}
/*------------------------------------------------------------------h1, h2, h3----*/
h1,h2{display:none;}
h3{text-indent:-9999px;font-size:0px;}
h4{ font-weight:bold; background:url(../images/puce-text.gif) no-repeat top left; padding:0 0 0 14px;font-size:1em; clear:both}
h5{ font-weight: bold; color:#ffffff; margin:0 0 2px 0; padding:0;font-size:1em;}
/*------------------------------------------------------------------fomulaires----*/
legend{ display:none;}
fieldset{ border:none;}
/*hr{ border:dashed 1px #cccccc ; margin:5px 0; clear:both }*/
/*--------------------------------------------------------------------COULEURS----*/
.bleu{ color:#0099cc}
.gris{ color:#333333}
.gris-clair1{ color:#666666}
.gris-clair2{ color:#cccccc}
.gris-fond{ color:#cccccc}
.gras{ font-weight:bold}
.hidden{ display:none}
.myhr{
	visibility:hidden;
	height:0px;
	clear:both;
	overflow:hidden;
}
.text-left{ text-align:left}
#police-merci{font-size:1.4em}
hr{  border:#ccc 1px dotted}
img.right { float:right; margin:3px 0 0 5px}
img.left { float:left; margin:3px 5px 0 0}
/*---- ----------------------------------------------------------------------------------------------------------------BODY----*/
body{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:0.7em;
	line-height:1.2em;
	color:#333333;
	text-align:center;
	background: url(../images/BODY-fond-bandeauHt.gif) repeat-x top left #333333;
}
/*------------------------------------------------------------------------------------------------------------------GLOBAL----*/
#global-fond{
	_height:714px;
	min-height:714px;
	background: url(../images/GLOBAL-fond.jpg) no-repeat top center;
}
#global-fond-default{
	_height:714px;
	min-height:714px;
	background: url(../images/GLOBAL-fond-default.jpg) no-repeat top center;
}
#global{
	width:770px;
	margin :0 auto;
	text-align:left;

}
/*------------------------------------------------------------------------------------------------------------------HEADER----*/
#header{
	width:770px;
	height:119px;
	position:relative
}
/*--------------------------------------LIEN SUR LE LOGO ----*/
#logo a{
	width:475px;
	height:65px;
	position:absolute;
	top:50px;
	left:0px; 
}
/*--------------------------------------BT INTRO / PASSER INTRO ----*/
#bt-intro{
	width:60px;
	height:15px;
	padding:95px 0 0 710px
}
#bt-intro a{
	display:block;
	width:60px;
	height:15px;
	background:url(../images/BT-intro.gif) no-repeat top left;
}

#bt-intro a:hover{
	display:block;
	width:60px;
	height:15px;
	background:url(../images/BT-intro.gif) no-repeat bottom left;
}
/*----------------------*/
#bt-passerintro{
	width:80px;
	height:15px;
	padding:95px 0 0 600px
}
#bt-passerintro a{
	display:block;
	width:170px;
	height:15px;
	background:url(../images/BT-passerintro.gif) no-repeat top left;
}
#bt-passerintro a:hover{
	display:block;
	width:170px;
	height:15px;
	background:url(../images/BT-passerintro.gif) no-repeat bottom left;
}

/*------------------------------------------------------------------------------------------------------------MENU LANGUE----*/
#menu-langue ul{
		width:400px;
		height:30px;
		text-indent:-9999px;
		font-size:0em;
		position:relative;
		left:370px;
		top: 120px;
		z-index:30;
}
#menu-langue li {float:left; display:inline; }

#menu-langue li#francais a, #menu-langue li#english a, #menu-langue li#espanol a{
	background-repeat: no-repeat;
	background-position:top left;
	height:30px;
	display:block;
 }
#menu-langue li#francais a{	width:115px}
#menu-langue li#english a{	width:125px}
#menu-langue li#espanol a{	width:137px}

#menu-langue li#francais a { background:url(../images/MENU-bt-francais.gif)}
#menu-langue li#francais a:hover { background-position:bottom left;}

#menu-langue li#english a { background:url(../images/MENU-bt-english.gif)}
#menu-langue li#english a:hover {background-position:bottom left }

#menu-langue li#espanol a { background:url(../images/MENU-bt-espanol.gif)}
#menu-langue li#espanol a:hover {background-position:bottom left }
/*------------------------------------------------------------------------------------------------------------------MENU----*/
#menu ul{
		width:770px;
		height:55px;
		text-indent:-9999px;
		font-size:0em;
}
#menu li a{	width:100px;height:55px; display:block; background-position:left top; background-repeat:no-repeat }
#menu li { float:left; display:inline; }

#menu li#activites a, #menu li#partenaires a{width:135px; }
#menu li#presentation-active,
#menu li#missions-active,
#menu li#actualites-active,
#menu li#realisations-active,
#menu li#contact-active{ display:block; width:100px;height:55px;  background-position:left bottom; }
#menu li#activites-active,
#menu li#partenaires-active{ display:block; width:135px; height:55px;  background-position:left bottom; }

#presentation a { background:url(../images/MENU-bt1.jpg)}
#presentation a:hover {background-position:bottom left }
#presentation-active { background:url(../images/MENU-bt1.jpg) }

#activites a { background:url(../images/MENU-bt2.jpg) }
#activites a:hover { background-position:bottom left }
#activites-active { background:url(../images/MENU-bt2.jpg) }

#missions a { background:url(../images/MENU-bt3.jpg); }
#missions a:hover { background-position:bottom left }
#missions-active { background:url(../images/MENU-bt3.jpg); }

#actualites a { background:url(../images/MENU-bt4.jpg) }
#actualites a:hover { background-position:bottom left }
#actualites-active { background:url(../images/MENU-bt4.jpg) }

#realisations a { background:url(../images/MENU-bt5.jpg) ; }
#realisations a:hover { background-position:bottom left }
#realisations-active { background:url(../images/MENU-bt5.jpg) }

#partenaires a { background:url(../images/MENU-bt6.jpg)  ; }
#partenaires a:hover { background-position:bottom left }
#partenaires-active { background:url(../images/MENU-bt6.jpg)}

#contact a { background:url(../images/MENU-bt7.jpg) ; }
#contact a:hover { background-position:bottom left }
#contact-active { background:url(../images/MENU-bt7.jpg) }
/*------------------------------------------------------------------------------------------------------------------WRAPPER----*/
#wrapper{
	width:770px;
	margin-bottom:20px;
	float:left
	
}
/*--------------------------------------------------------------------------------------------------------COLONNE GAUCHE  ----*/
#BG{
	width:385px;
	float:left;
}
/*------------------------------------- MENU INTRO ----*/
#wrapper-intro{
	position:relative;
	top:70px;
	left:0px;
	width:765px;
	height:390px;
	padding:70px 0 0 0
}
#menu-intro{ 
	width:210px;
	height:320px;
	line-height:2em;
	font-size:1.6em;
	background:url(../images/fond-menu-intro.jpg) no-repeat bottom right;
	float:left;
	margin:0 0 0 50px}
#menu-intro ul a{
	color:#999999;
	height:18px;
}
#menu-intro ul a:hover{
	color:#ffffff;
	height:18px;
	background:url(../images/puce-menu-intro.gif) no-repeat bottom left;
	padding:0 0 0 15px;
}
/*------------------------------------- GALERIE INTRO ----*/

#galerie-intro{ float:left; margin:10px 0 0 25px

}
/*--------------------------------------COLONNE GAUCHE > Sousmenu ----*/	
	
#sousmenu{
		width:345px;
		margin:0 30px 20px 0;
		padding:0 0 0 10px;
		line-height:1.8em;
		font-size:1.2em;
}


ul#activites-ssmenu a,
ul#missions-ssmenu a,
ul#realisations-ssmenu a{color:#ffffff}

ul#activites-ssmenu a:hover,
ul#missions-ssmenu a:hover,
ul#realisations-ssmenu a:hover{
	color:#0099cc; 
	background:url(../images/BT-sousmenu.gif) no-repeat bottom left;
	padding:0 0 0 10px;
}
ul#activites-ssmenu li.active a,
ul#missions-ssmenu li.active a,
ul#realisations-ssmenu li.active a{
	color:#0099cc; 
	background:url(../images/BT-sousmenu.gif) no-repeat bottom left;
	padding:0 0 0 10px;
}
/*--------------------------------------COLONNE GAUCHE > Galerie ----*/
#galerie{
	width:355px;
	height:265px;
	margin:0 30px 0 0; 
	float:left;
}
.marge-galerie img{ margin:70px 0 0 0}
#galerie-contact{
	margin:0 30px 0 0;
	background:#cccccc;
	padding:10px;
	height:440px;line-height:1.6em
}

/*--------------------------------------------------------------------------------------------------------COLONNE DROITE  ----*/
#BD{
	width:385px;
	float:left;
	background:#cccccc;
	
	/*padding-bottom:10px  ie7*/
}
/*----------------------------------------------------------------CONTENU > TITRE PAGES ----*/
#titrepage,
h3#titrepage,
h3#titrepage-presentation,
h3#titrepage-activites1,h3#titrepage-activites2,h3#titrepage-activites3,h3#titrepage-activites4,
h3#titrepage-missions1,h3#titrepage-missions2,h3#titrepage-missions3,h3#titrepage-missions4,h3#titrepage-missions5,h3#titrepage-missions6,
h3#titrepage-actualites,
h3#titrepage-realisations1,h3#titrepage-realisations2,
h3#titrepage-realisations3,h3#titrepage-partenaires,
h3#titrepage-contact,
h3#titrepage-mentions,
h3#titrepage-plansite,
h3#titrepage-merci{
width:385px;
height:68px;
}
h3#titrepage-presentation { background:url(../images/titres-pages/presentation_titrepage.gif) top left no-repeat; }
h3#titrepage-activites1 { background:url(../images/titres-pages/activites_titrepage1.gif) top left no-repeat; }
h3#titrepage-activites2 { background:url(../images/titres-pages/activites_titrepage2.gif) top left no-repeat; }
h3#titrepage-activites3 { background:url(../images/titres-pages/activites_titrepage3.gif) top left no-repeat; }
h3#titrepage-activites4 { background:url(../images/titres-pages/activites_titrepage4.gif) top left no-repeat; }
h3#titrepage-missions1 { background:url(../images/titres-pages/missions_titrepage1.gif) top left no-repeat; }
h3#titrepage-missions2 { background:url(../images/titres-pages/missions_titrepage2.gif) top left no-repeat; }
h3#titrepage-missions3 { background:url(../images/titres-pages/missions_titrepage3.gif) top left no-repeat; }
h3#titrepage-missions4 { background:url(../images/titres-pages/missions_titrepage4.gif) top left no-repeat; }
h3#titrepage-missions5 { background:url(../images/titres-pages/missions_titrepage5.gif) top left no-repeat; }
h3#titrepage-missions6 { background:url(../images/titres-pages/missions_titrepage6.gif) top left no-repeat; }
h3#titrepage-actualites { background:url(../images/titres-pages/actualites_titrepage.gif) top left no-repeat; }
h3#titrepage-realisations1 { background:url(../images/titres-pages/realisations_titrepage1.gif) top left no-repeat; }
h3#titrepage-realisations2 { background:url(../images/titres-pages/realisations_titrepage2.gif) top left no-repeat; }
h3#titrepage-realisations3 { background:url(../images/titres-pages/realisations_titrepage3.gif) top left no-repeat; }
h3#titrepage-partenaires { background:url(../images/titres-pages/partenaires_titrepage.gif) top left no-repeat; }
h3#titrepage-contact { background:url(../images/titres-pages/contact_titrepage.gif) top left no-repeat; }
h3#titrepage-merci { background:url(../images/titres-pages/merci_titrepage.gif) top left no-repeat; }
h3#titrepage-mentions { background:url(../images/titres-pages/mentions_titrepage.gif) top left no-repeat; }
h3#titrepage-plansite { background:url(../images/titres-pages/plansite_titrepage.gif) top left no-repeat; }
h3#titrepage-coordonnees{ background:url(../images/titres-pages/coordonnees_titrepage.gif) top left no-repeat;width:335px;
height:68px; }
/*-----------------------------------------------------------------------------------------------------------------CONTENU ----*/
#contenu{
	width:355px;
	margin:0;
	float:left;
	display:inline
}
#contenu2{
	width:355px;
	margin:0 15px;
	float:left;
	display:inline
}
#text{
	width:355px;
	margin:0 0 10px 0;
	float:left;
}
#text p img.images{ float:left}
#text p{margin: 0 0 10px 0; clear:both}
/*----------------------------------------------------------------CONTENU > IMAGES ----*/
#text p img{border:2px  #e7e7e7 solid;} 
/*-------------------------PAGE PRESENTATION > BOUTONS Suivant / Précédent----*/	
p#bt-suivant{
	width:355px;
	height:16px;
	margin:0 0 5px 0;
}
a#mycarousel-next{
	/*text-indent:-99999px;*/
	font-size:0.8em;
	font-weight:bold;
	width:7px;
	height:14px;
	display:block;
	padding:0 50px 0 0;
	float:right;
	background:url(../images/BT-flechesuiteD.gif) no-repeat top right;
}
a#mycarousel-prev{
	/*text-indent:-99999px;*/
	font-size:0.8em;
	font-weight:bold;
	width:7px;
	height:14px;
	display:block;
	padding:0 0 0 10px;
	float:left;
	background:url(../images/BT-flechesuiteG.gif) no-repeat top left;

}
a:hover#mycarousel-next  {background:url(../images/BT-flechesuiteD.gif) no-repeat bottom right;}
a:hover#mycarousel-prev {background:url(../images/BT-flechesuiteG.gif) no-repeat bottom left;}

/*--------------------------------PAGE ACTUALITES----*/	
dl.actu-text img,dl.partenaires-text img{ border:2px  #e7e7e7 solid;}
dl.actu-text dt,dl.partenaires-text dt{
font-weight:bold;
background:url(../images/puce-text.gif) no-repeat top left;
padding:0 0 0 14px;
font-size:1em;
}
dl.actu-text { width:355px;clear:both; margin:0 0 20px 0; }
.description_news{float:left;width:280px;}
dl.partenaires-text { width:177px; float:left; padding:0 0 20px 0; }
dl.partenaires-text dd{}


/*-----------------------------------------------------------------------------------------------------------------FOOTER ----*/
#footer,#footer-intro{
	clear:both;
	border-top:32px #666666 solid;
	margin:20px 0 0 0}
#footer-text{
	font-size:0.8em;
	text-align:center;
	color:#ffffff;
	margin:0 auto;
	width:770px;
	height:55px;
	background:url(../images/LOGO-petit-footer.jpg) no-repeat top right;
}
#footer-intro div#footer-text{ background:none}
#footer-text ul{
	width:760px;
	height:20px;
	margin:20px 10px 0 0;
	display:block;
	
}
#footer-text ul li{ display: inline}
#footer-text ul li a{color:#ffffff; }
#footer-text ul li a:hover{color:#0099cc}
/*-----------------------------------------------------------------------------------CONTENU > plan du site ----*/
ul#plansite  li { margin:10px 0 0 14px}






/*---------------------------------------------------------FORMULAIRE / Message d'erreur----*/
.info{ margin:0;padding:0;  font-size:1.1em}
/*form.cmxform br {display:none}*/
form.cmxform div{margin:2px 0; float:left }
.cmxform#fomulaire{ margin:0 auto}
/*form.cmxform legend{
font-weight:bold;
color:#fff;
font-size:1.5em;
margin:0 0 10px 10px;
}*/
form.cmxform span{ color:#FF0000; font-weight:bold}
form.cmxform label{
width:75px;
display:block;
float:left;
text-align:left;
cursor:pointer;
font-weight:bold
}
form.cmxform input, form.cmxform textarea,{ 
border:#e7e7e7 1px solid; 
/*width:150px; */
height:20px; 
text-align:left;
color:#666666
}
form.cmxform .info br, form.cmxform .confirmation br{ display:block}
form.cmxform textarea{ color:#666666 }
form.cmxform label.error {padding-top:5px}
.confirmation{ margin:10px; padding:0 10px 10px 10px; color:#FF0000}
form.cmxform #submit input {
width:auto;
height:auto ;
border:0;
cursor:pointer;
display:block ;
padding:0 0 0 220px;


}
/*#submit{ display:inline; margin:0 0 0 110px}*/
form.cmxform fieldset{ position:relative}
#warning {display:none}.form-contact input,
/*.form-contact textarea { width:250px; }*/
#formcontact .champ input{ width:140px; height:15px }
#FORMCONTACT_colG{ width:180px; float:left;}
#FORMCONTACT_colD{ width:175px; float:left; }
#FORMCONTACT_bas{ width:355px; float:left; clear:both ;}
#FORMCONTACT_bas textarea#chmessage  { width:330px; height:60px ; }
#FORMCONTACT_colD textarea#chadresse  { width:140px; height:52px ; }

em.error {
  background:url(../images/exclamation.gif) no-repeat 0px -1px;
  color:#FF0000;
  padding:0 0 3px 20px;
  margin:0 0 0 5px;
  width:150px;
  position:absolute;
  height:17px;
  text-align:left
}
em.success {
  background:url(../images/accept.gif) no-repeat 0px -1px;
  padding:0 0 3px 18px;
  color:#333333;
}
.error{ color:#FF0000}

/*----------------------------------------------------------------------------PAGE 1/2 suivante--*/
/*
#compteur-pages{ width:400px; clear:both}
#compteur-pages div{float:left}
#compteur-page1{text-align:left; width:60px}
#compteur-page2{text-align:center;width:280px}
#compteur-page3{text-align:right;width:60px}


*/