/********************************************
   HTML ELEMENTS
********************************************/ 

/* top elements */
* { padding: 0; margin: 0; }

body {
	margin: 0; 	padding: 0;
	font-family : 'Trebuchet MS', Tahoma, sans-serif;
	font-size: 62.5%;
	color: #555555 ;
	background-color: #555555 ;
	text-align:center;
	
}

/* links */
a { background: inherit; color: #0A1B2D; text-decoration: none; }
a:hover { background: inherit; color: #006699 ; text-decoration: underline; }

a.active {
padding: 5px 10px;
background-color: #0a1b2d;
  color: #fff;	
}

/* headers */
h1, h2, h3 {
	 font: normal 1em Arial, Helvetica, Sans-serif; 
	 color: #0a1b2d;
	 }
h1 { font-size: 2em ;  }
h2 { font-size: 1.5em; color: #006699 ; text-transform: uppercase; }
h3 { font-size: 1.4em;  }
h4 {font-size: 1.2em; }

p, h1, h2, h3, h4, h5 {
	margin: 10px;
}
p.last
{
margin: 0 0;
}
ul, ol {
	margin: 10px 30px;
	padding: 0 15px;		
}

/* images */
img {
	padding: 5px;
}

img.float-right {
  margin: 5px 0px 5px 15px;  
}
img.float-left {
  margin: 5px 15px 5px 0px;
}



/* start - table */
table {
	border-collapse: collapse;
	margin: 10px 0;	
	/*padding: 0 10px;*/
}

th {
	background: #d4def7;
	height: 29px;
	padding-left: 11px;
	padding-right: 11px;
	color: #000;
	text-align: center;
	border-left: 1px solid #d0e0f7;
	border-bottom: solid 2px #FFF;
}
tr {
	/*height: 30px;*/
}
td {
padding: 10px;
	/*padding-left: 11px;
	padding-right: 11px;
	 border-left: 1px solid #FFE1C3; */
	border-left: 1px solid #FFF;
	border-bottom: solid 1px #ffffff;
}
td.first,th.first {
	border-left: 0px;
}
tr.row-a {
	background: #F8F8F8;
}
tr.row-b {
	background: #EFEFEF;
}

table.center
{
margin: 0 auto;
}
/* end - table */



/***********************
	  LAYOUT
************************/

#wrap {
	margin:0;padding:0;
	background: #FFFFFF url(bg.jpg) repeat-x;
	overflow: hidden;
}

#wrapconstruction {
	margin:0;padding:0;
	background: #FFFFFF url(bgconstruction.jpg) repeat-x;
	overflow: hidden;
}

#header-content, #content, #footer-content {
	/* on peut mettre plus large que 760, tout le contenu prendra l'espace défini ici  */
	width: 760px;
}

/* header */
#header {
	height: 100px;
	text-align: left;	
}

#header-content {	
	margin: 0 auto; padding: 0;
	position: relative;
}

#header-content #logo {
	position: absolute;	
	margin: 0; padding: 0;			
	/* changer les valeurs top et left pour ajuster la position du logo */
	top: 0; left: 0px;
}



#header-content #slogan {
	position: absolute;	
	font-family:'Trebuchet Ms', Sans-serif;
	font-size:1.7em;
	/*font-weight:bold;*/
	text-transform: none;
	color: #FFFFFF;	
	margin: 0; padding: 0;
	/* changer les valeurs left et top pour ajuster la position du slogan */
	top: 55px; right: 10px;
}

/* header menu */
#header-content ul {
	position: absolute;
	right: 10px; top: 15px;
	font-family:'Trebuchet MS', sans-serif;
	font-size:1.1em;
	font-weight:bold;
	color: #FFFFFF;
	list-style: none;
	margin: 0; padding: 0;		
}
#header-content li {
	display: inline;
}
#header-content li a {
	float: left;
	display: block;
	padding: 3px 8px;	
	color: #184270;
	/*  background-color: #555454;  */
	text-decoration: none;
	
}
#header-content li a:hover {
	color: #184270;
}
#header-content li a#current  {
	background: #65944A;
	color: #FFFFFF;
}

/* header photo */
.headerphoto {
	margin: 0 auto;
	/* égal ou supérieur à #header-content, #content, #footer-content ligne 101 idéalement, ce sera la largeur de la photo - si on met plus large une bordure de la couleur background s'affichera de chaque côté de l'image de fond */
	width: 760px;
	height: 200px;
	/* on peut modifier le padding ici ça ajoute du blanc autour de l'image du header 
	padding: 15px 10px 0 10px;*/
	 background: #FFFFFF url(headerphoto.jpg) no-repeat center; 
	/*background: #FFFFFF url(headerphoto_enconstruction.jpg) no-repeat center;*/
	margin-top: 7px;
}

.headerphotoconstruction
{
margin: 0 auto;
	/* égal ou supérieur à #header-content, #content, #footer-content ligne 101 idéalement, ce sera la largeur de la photo - si on met plus large une bordure de la couleur background s'affichera de chaque côté de l'image de fond */
	width: 760px;
	height: 200px;
	/* on peut modifier le padding ici ça ajoute du blanc autour de l'image du header 
	padding: 15px 10px 0 10px;*/
	 background: #FFFFFF url(headerphoto_enconstruction.jpg) no-repeat center; 
	/*background: #FFFFFF url(headerphoto_enconstruction.jpg) no-repeat center;*/

}




/* content */
#content-wrap {
	clear: both;
	float: left;
	width: 100%;
	background: #FFFFFF url(faux_colonnes.jpg) repeat-y center center;
		
}

#content {
	text-align: left;	
	padding: 0;
	margin: 0 auto;	
	font-size:  1.2em;
}

#menuhorizontal {
	background-color:#efe7cb;
	margin: 0 auto;
	padding: 0 0 5px 0;
	list-style-type: none;
	text-align: center;
	border-bottom: 1px solid #304c64;
	border-top: 1px solid #304c64;
	font-weight: bold;
	font-size: 1.3em;
	/*line-height: 35px;*/
}

#menuhorizontal li{
	display: inline;
	list-style: none;
	margin: 0;
	padding:6px;  /* pour espacer les éléments inline */
 }
 
#menuhorizontal li a:hover .active{
/*color:#39472E;*/
color: #fff;
}

/* sidebar */
#sidebar {
	float: right;
	width: 32%;
	margin: 0; 
	padding: 0;	
	font-size: 1.2em;
}	

.sidebox {
	/*background: #D4DEF7;*/
	color:#333333;
	font-family : Arial, Tahoma, sans-serif;
	
}

/* pour les navigateurs autres que IE*/

/*html>body .sidebox

{
height: auto;
min-height: 1000px;

}*/

.sideboxconstruction {
	background: #EEEEEE;
	color:#333333;
	border: 1px solid #e4e4e4;
	margin-bottom: 10px;
	font-family : 'Trebuchet MS', Tahoma, sans-serif;
}


/* sidebar menu */
#sidebar ul.sidemenu {
	list-style:none;
	margin: 10px 0 15px 0;
	padding: 0;
	background: #F2F2F2;			
}
#sidebar ul.sidemenu li {
	padding: 0px 10px;
}
#sidebar ul.sidemenu a {
	display:block;
	font-weight:normal;
	color: #333;
	height: 1.5em;	
	padding:.3em 0 .3em 15px;
	/**
* line-height: 1.5em;
*/
	border-bottom: 1px dashed #D4D4D4;
	text-decoration:none;
}
#sidebar ul.sidemenu a.top{	
	border-top: 1px dashed #D4D4D4;
}
#sidebar ul.sidemenu a:hover {
	padding: .3em 0 .3em 10px;
	border-left: 5px solid  #65944A;
	color: #65944A;		
}

/* main */
#main {
	float: left;
	width: 67%;
	margin: 0; 
	padding: 0;	
	font-size: 1.2em;
	border-left: 3px solid #efe7cb;
	border-bottom: 3px inset #efe7cb;
	border-right: 3px inset #efe7cb;
	/*background: #FFFFFF url(bord_main.gif) repeat-y;*/
	
}
#main h1 {
	padding: 10px 0px 0px 5px;
	margin: 0 10px 0 10px;
	border-bottom: 1px solid #EEEEEE; 	
	
}


/*#main div {
	margin: 0; padding: 0;
	font-family : 'Trebuchet MS', Tahoma, sans-serif;
	font-size: 8pt;
	}*/


/* footer */
#footer {
	clear: both;
	height:70px;
	margin:0 ;
	padding: 0;
	font: normal .95em/1.6em 'Trebuchet MS', Tahoma, Arial, sans-serif;
	text-align: left;
	background: #555555 url(footerBg.jpg) repeat-x;
	
}

#footerconstruction {
	clear: both;
	height:70px;
	margin:0 ;
	padding: 0;
	font: normal .95em/1.6em 'Trebuchet MS', Tahoma, Arial, sans-serif;
	text-align: left;
	background: #555555 url(footerBgconstruction.jpg) repeat-x;
	
}

#footer-content {	
	margin: 0 auto;
	padding-top:15px;
	text-align:center;
	color:#FFFFFF;
	font-size: 1.2em;
}

#footer-content a {
	text-decoration: none;
	color: #FFFFFF;
}

#footer-content a:hover {
	text-decoration: underline;
}

#footer-content ul {
	list-style: none;
	margin: 0; padding: 0;
}

/* Success, notice and error boxes (issu de forms.css)
-------------------------------------------------------------- */

#main .error, #main .notice, #main .success    { 
	font-size:1.0em; 
	padding: .8em; 
	margin-bottom: 1em; 
	border: 2px solid #ddd; 
	line-height: 25px; 
	text-indent: 10px;
	}

.error      { background: #FBE3E4; color: #8a1f11; border-color: #FBC2C4; }
.notice     { background: #FFF6BF; color: #514721; border-color: #FFD324; }
.success    { background: #E6EFC2; color: #264409; border-color: #C6D880; }
.error a    { color: #8a1f11; text-decoration: underline;}
.notice a   { color: #514721; text-decoration: underline;}
.success a  { color: #264409; text-decoration: underline;}


/* additional classes */
.clear { clear: both; }


.aligncenter {
text-align:center;	
}

/***  STYLES INCLUS DANS wymeditor.css du module back-office
****  il faut absolument inscrire les styles de ce module ici sinon l'affichage du site public
      ne correspondra pas à l'éditeur html   */
      


p.content-center {
text-align:center;	
}

h1.h1content-center {
text-align:center;	
}

h2.h2content-center {
text-align:center;	
}

h2.h2date {
  text-align:center;
  background-color: #0a1b2d;
  color: #fff;	
}

h3.h3content-center {
text-align:center;	
}


img.floatright {
	float: right;
}

img.floatleft {
	float: left;
}

p.important  {
    color: red; 
	font-weight: bold; 
	
}

/** FIN des STYLES INCLUS DANS wymeditor.css */     

/* styles pour cycle plugin */

#animationphotos {
	width: 168px;
	margin: 0 auto;
	}
.pics {  
    height:  105px;  
    width:   155px;  
    padding: 0;  
    margin:  0;  
} 
 
.pics img {  
    padding: 5px;  
    border:  1px solid #ccc;  
    background-color: #eee;  
    width:  155px; 
    height: 102px; 
    top:  0; 
    left: 0 
} 		
 
 #formulaire h2 {
-x-system-font:none;
text-transform:none;
background:transparent url(contact_h2_bg.gif) no-repeat scroll 0 0;
color:#0B0B0B;
font-family:Georgia,"Times New Roman",Times,serif;
font-size:24px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
height:37px;
line-height:30px;
padding:0 0 10px 55px;
width:228px;
}