/* Start of CMSMS style sheet 'ALXDESIGN-CSS' */
/* Uniformisation des marges multi-navigateurs */
*{
	margin: 0;
	padding: 0;
}

/*Initialisation des polices*/
body {
	text-align: left;
	font-family: Arial,Verdana, Geneva, Helvetica, sans-serif;
	font-size:11px;
        margin: 0;
	padding: 0;
	color: #454545;
	background: #FFF url(uploads/alximg/background_radiant.jpg) repeat-x top left;
}

body h1{
	color: #f47f00;
	font-size: 12px;}


p {

	margin: 0 0 14Px 0;
	line-height: 14px;
	padding: 0;
}

strong, b {
/* explicit setting for these */
	font-weight: bold;
}


/*Initialisation des polices pour tous les divs*/
div {
	font-size: 11px;
}

img {
	border: 0;
}

/*STYLE DES LIENS*/

a, a:link a:active {
	text-decoration: underline;
	background-color: inherit;
	color: #2eaec7;
}
a:visited {
	text-decoration: underline;
	background-color: inherit;
	color: #2eaec7;
}

a:hover {
	text-decoration: none;
	background-color: inherit;
	color: #2eaec7;
}

/*MISE EN PAGE */

/* LE CONTENEUR = OMBRE*/

div#pagewrapper  {
     width: 996px;
     padding:0;
     margin: 0 auto;
     background: #fff url(uploads/alximg/background_header.jpg) no-repeat top center ;
     position: relative;
}


/* LE HEADER*/

div#header {
	height: 200px;
        width: 978px;
	background: #000 url(uploads/alximg/header.jpg) no-repeat top center ;
        margin: 0 auto;
padding:0;
	
}

div#header h1 a {
	display: block;
	height: 145px;
        width: 200px;
	text-indent: -999em;
	text-decoration: none;
}

div#header h1 {
	margin: 0;
	padding: 0;
	line-height: 0;
	font-size: 0;
       
}


/*---------------- MENU HORIZONTAL PRINCIPAL--------------------------------------------------------------- */

#menu_horizontal {
	margin: 0;
	padding: 0;

}
.clearb {
/* needed for some browsers */
	clear: both;
}

#menuwrapper {

/* IE6 Hack */
	height: 1%;
	width: auto;
        height:30px;
	margin: 0;
	padding: 0;
}

ul#primary-nav, ul#primary-nav ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
ul#primary-nav {
	padding-top: 25px;
	padding-left: 10px;
}
ul#primary-nav ul {
	position: absolute;
	top: auto;
	display: none;
	border-top: 0px solid #333;
	border-right: 1px solid #333;
	border-bottom: 1px solid #333;
	border-left: 1px solid #333;
}
ul#primary-nav ul ul {
	margin-top: -1px;
	margin-left: -1px;
	left: 100%;
	top: 0px;
}

ul#primary-nav li {
	float: left;
	margin: 0px;
	padding: 0px;
        background:  url(uploads/alximg/separator_main_menu.jpg) no-repeat right ;
}

#primary-nav li li {
	width: 250px;
	margin-left: 0px;
	margin-top: 0px;
	float: none;
	position: relative;

}

ul#primary-nav li a {
	font-size: 11px;
	font-weight: bold;
	color: #fff;
	padding: 8px 15px 5px;
	display: block;
	text-decoration: none;
}

ul#primary-nav li a:hover {
        color: #f67600;
}

ul#primary-nav li li a:hover {
	color: #f67600;
}

ul#primary-nav li a.menuactive {
	color: #f67600;
	font-weight: bold;
}

ul#primary-nav li a.menuactive:hover {
	color: #f67600;
	font-weight: bold;
}

#primary-nav li li a.menuparent span {
	display: block;
	
}

* html #primary-nav li li a.menuparent span {
	background:#000;
}

ul#primary-nav li ul a {
	text-align: left;
	margin: 0px;
	position: relative;
	padding: 6px 3px 6px 15px;
	font-weight: normal;
	color: #FFF;
	border-top: 0 none;
	border-right: 0 none;
	border-left: 0 none;
        background:#000;
}

ul#primary-nav li ul {
/* very lite grey color, by now you should know what the rest mean */
	background: #333;
	margin: 0px;
	padding: 0px;
	position: absolute;
	width: auto;
	height: auto;
	display: none;
	position: absolute;
	z-index: 999;

/*Info: The opacity property is  CSS3, however, will be valid just in CSS 3.1) http://jigsaw.w3.org/css-validator2) More Options chose CSS3 3) is full validate;)
	opacity: 0.95;*/
/* CSS 3 */
}
ul#primary-nav li ul ul {
/*Info: The opacity property is  CSS3, however, will be valid just in CSS 3.1) http://jigsaw.w3.org/css-validator2) More Options chose CSS3 3) is full validate;)
	opacity: 95;*/
/* CSS 3 */
}
/* Styling the appearance of menu items on hover */
#primary-nav li:hover,
#primary-nav li.menuh,
#primary-nav li.menuparenth,
#primary-nav li.menuactiveh {
/* set your image here, dark grey image */

}
/* The magic - set to work for up to a 3 level menu, but can be increased unlimited, for fourth level add
#primary-nav li:hover ul ul ul,
#primary-nav li.menuparenth ul ul ul,
*/
#primary-nav ul,
#primary-nav li:hover ul,
#primary-nav li:hover ul ul,
#primary-nav li.menuparenth ul,
#primary-nav li.menuparenth ul ul {
	display: none;
}
/* for fourth level add
#primary-nav ul ul ul li:hover ul,
#primary-nav ul ul ul li.menuparenth ul,
*/
#primary-nav li:hover ul,
#primary-nav ul li:hover ul,
#primary-nav ul ul li:hover ul,
#primary-nav li.menuparenth ul,
#primary-nav ul li.menuparenth ul,
#primary-nav ul ul li.menuparenth ul {
	display: block;
}
/* IE6 Hacks */
#primary-nav li li {
	float: left;
	clear: both;
}
#primary-nav li li a {
	height: 1%;
}
/*----------------[FIN] MENU HORIZONTAL PRINCIPAL--------------------------------------------------------------- */



/*----------------MENU VERTICAL PAGES INFORMATIONS----------------------------------------------------------- */

div#menu_vertical {
	margin: 15px 0px 10px 0px;

}

div#menu_vertical ul
{			   
  margin: 0;              
  padding-bottom: 5px; 
  width : 350px; 
  color: #333; 

}	

div#menu_vertical ul li 
{						  
  list-style-type:none;
  padding-bottom :  5px;
  margin-top :5px;
  border-bottom-width: 1px;
  border-bottom-style: dotted;
  border-bottom-color: #CCC;
display:block;

}

div#menu_vertical ul li a
{
  color :#333; 
  background-color: #FFF;
 text-decoration   :   none;
 font-size:11px;

}
 
div#menu_vertical ul li a:visited
{
  color : #333;            /* Changement de la couleur de la police initiale */

}



div#menu_vertical ul li a:hover
{
  color : #37cddd;            /* Changement de la couleur de la police initiale */
 
}

div#menu_vertical h3
{
 font-size: 12px;            /* Changement de la couleur de la police initiale */
 
}





/*----------------[FIN] MENU VERTICAL--------------------------------------------------------------- */
		



/* La Partie ACCUEIL */

.deco {
	color: #f47f00;
}



div#accueil {
	margin: 15px 0px 0px 20px;

}




div#accueil1,div#accueil2,div#accueil3, div#accueil4 {

width : 230px;
position: relative;
float: left;
margin-left:0px;
padding-right:12px;
}




div#accueil h1 {
padding-left :8px;
margin-bottom:10px;
margin-top:10px;
       	}




div#accueil  p {
	text-align: justify;
        padding-left :8px;
        width:210px;
       color: #454545;
       font-size: 11px;
}




div#accueil a {
	color: #2eaec7;
	
}

div#accueil a:hover {
	text-decoration:none;
}



div#separator {
position: relative;
float:left;
margin-top:20px;
margin-bottom:10px;

}

div#separator p {
padding-left :8px;
      color: #454545;
       font-size: 11px;

       	}

div#separator h1{
      padding-left :8px;
color: #f47f00;
	font-size: 12px;

       	}



/* La Partie MÉTIER */


div#metier {
	margin: 15px 0px 0px 20px;
padding-left:8px;
}

div#metier h1 {

margin-bottom:10px;
margin-top:10px;
       	}

/* Partie Gauche + Encart */

div#partie-gauche {
position: relative;
width: 350px;
float:left;
padding:10px;

}


div#texte {

position: relative;
float : left;
width : 530px;
padding:20px;


}


div#texte p{

color: #454545;
font-size: 11px;
text-align : justify;

}

div#texte h1 {
	font-size: 12px;
	margin: 0;
        padding-bottom : 10px;
        color: #f47f00;
}




div#observations{
position:relative;
clear:left;
padding: 20px;
text-align:center;
color: #454545;
}




/* -----LES GALERIES------ */


.container{
        float:left;
        position:relative;
	width:452px;
	height:155px;
	background:#fff url(uploads/alximg/encart_fond.jpg) no-repeat top left;
        padding-right:12px;
        padding-left:20px;
        padding-top: 12px;
  }


.gallery_img{
        float:left;
        position:relative;
	width:185px;
        height:130px;
    
	
}


.hide{  display: none;  width:0px; text-decoration: none; list-style: none;
	height:0px; color: #fff;}





.galerie-texte{
      float:left;
      position:relative;
      width : 215px;
      padding-left : 20px;
      padding-top : 10px;
      color: #454545;
      font-size: 11px;
      text-align: justify;

}


.galerie-texte h2{
      color: #2eaec7;
      font-size: 12px;

}

.galerie-texte a {
      color: #2eaec7;

}


/* -----LE FOOTER------ */


div#footer {
	clear: both;
	padding: 0px 0px 0px 0px;
       width : 996px;
	color: #454545;
	background: #fff url(uploads/alximg/footer.jpg) no-repeat top center ;
}

div#footer p {
/* sets different font size from default */
	font-size: 11px;
/* some air for footer */
	padding-top: 40px;
	padding-bottom: 40px;
/* centered text */
	text-align: center;
	margin: 0;
}


div#footer a {
     color: #2eaec7;
}


/********************CONTENT STYLING*********************/



div#content h2 {
	color: #278da3;
	font-size: 12px;
	
}

div#content h3 {
	color: #000;
	font-size: 1.3em;
	line-height: 1.3em;
	margin: 0 0 0.5em 0;
}
div#content h4 {
	color: #000;
	font-size: 1.2em;
	line-height: 1.3em;
	margin: 0 0 0.25em 0;
}
div#content h5 {
	color: #000;
	font-size: 1.1em;
	line-height: 1.3em;
	margin: 0 0 0.25em 0;
}
div#content h6 {
	color: #000;
	font-size: 1em;
	line-height: 1.3em;
	margin: 0 0 0.25em 0;
}















/*---------------- FORMULAIRE CONTACT--------------------------------------------------------------- */

/* Sample FormBuilder CSS base */
form {margin-top:0; width:95%;}
form, td, th, li {}
form div {margin:0; padding-bottom:5px;}



form td {

padding-right:5px;
}

fieldset
{

	margin-bottom: 10px;
	border: #CCC 0px solid;

}



fieldset legend
{
	padding: 0 10px;
	border-left: #CCC 1px solid;
	border-right: #CCC 1px solid;
	color: #999;
}



legend {
	color:#FFF;
	background:#F60;
	font-style:italic;

	margin-bottom:0.5em;
	padding:10px;
	width:auto;
	border:1px solid #ccc
}
textarea {
	margin: 0;
	width:470px;
	min-height: 200px;
        border: 1px solid #fff;
        padding : 20px;
        font-size:11px;
	color: #454545;
        font-family:arial;
        background: #fff url(uploads/images/fond_message.jpg) no-repeat top center ;
        overflow : auto

}

label
{
	background-color: #FFF;
	width: 160px;
	float: left;
	padding-right: 10px;
	text-align: right;
        font-size : 11px;


}

label:hover
{
	color:#000;
}

.entete_form {margin-left:70px;
font-weight: bold;
margin-top:20px; }

INPUT {
      font-size:11px;
     font-family:arial;

}

select, option {
     font-size:11px;
     font-family:arial;
 }


.liste {padding-bottom:3px;}

.matin {
	padding-bottom:3px; padding-top: 10px;
	
}
.apm {
	padding-bottom:3px;
	
}



input.fbsubmit {
     border: none;
     background: url('uploads/images/btn_envoyer.jpg') no-repeat top left;
     width:126px;
     height:40px;
color: #fff;
margin-top :-25px;
cursor:pointer;
}


a:hover input.fbsubmit {
cursor:pointer;
border: none;
background-image: url('uploads/images/btn_envoyerOver.jpg');
}

.symbol{position:absolute; left : 350px; color: #ff0000;}

.passage {clear:both;}

.Obligatoires {
	float: left;
	padding-right: 1%;
	text-align: right;
        font-size:9px;
color : #ff0000;
}


.error_message {color: #ff0000;}

/*----------------[FIN] FORMULAIRE CONTACT--------------------------------------------------------------- */


/* End of 'ALXDESIGN-CSS' */