/* ++++++ BODY */

body {

	font-family: Verdana, Arial, Helvetica, serif, sans-serif;
	font-size: 12px;
	margin: 0;
	padding: 0;
	color: #cccccc;
	line-height: 1.2em;
	background-color: #182827; /*cette couleur sera appliquée sur tout body. Elle peut être différente ou continuer l'image */
	background-image: url(../images/fondhaut.jpg); /*Cette image viendra se placer sur le haut de body*/
	background-repeat: repeat-x; /*Ceci indique que l'image doit se répéter sur l'horizontal uniquement*/
}



/* ++++++ LIENS CONTENU ++++++ */


a:link, a:visited{
	color: #DAA520;
	text-decoration: none;
}

a:hover{
	color: #cccccc;
	/*text-decoration: underline;*/
}



/* ++++++ GRAPH' PAGE ++++++ */

div#conteneur {
	margin:0 auto;
	margin-bottom: 0px;
	padding: 0px;
	width: 963px;
	height: auto;
}


.nojs{
	background-color: White;
	margin: 0;
	padding-top:5px;
	padding-bottom:5px;
	width:965px;
	height:auto;
	border:2px solid red;
	color:red;
	text-align: center;
	font-weight: bold;	
}


#tete {
	background: url(../images/tete.jpg) no-repeat;
	margin:0 auto;
	width: 963px;
	height: 129px;
}


#corps{
	background: url(../images/corps.jpg);
	margin:0 auto;
    padding:0 0 5px 0;
	width: 963px;
	height: auto;
}

#MenuH{
  margin:0 auto;
  width: 963px;
  height: 58px;
}


#pied{
	background: url(../images/pied.jpg) no-repeat;
   margin:0 auto;
	width: 963px;
	height: 36px;
}



/* ++++++ LOGO PRO INDEX ++++++ */


#logospro {
	/*background: url(../images/fond_contenu.png);*/
	text-align:center;
	margin:0px auto 0px auto;
	padding:0px;
	width: 950px;
	height: auto;
}

#logospro img{
border:0;
}


/* ++++++ ENTETE ++++++ */

p#www{

	position:absolute;

	margin:5px 0px 0px 0px;

}

#p_entete{	
	position: absolute;
	margin: 110px 0px 0px 235px;	
	width: auto;		
	padding: 0;
	height: 20px;
	color: #F1F1F1;
	font-size: 12px;
	font-weight: bold;
}


/* ++++++ CONTENU ++++++ */

#TitrePage{
  margin:0 0 0 250px;
  padding:40px 000;
  width:690px;
  height:0;
}

#TitrePage h1{
   background: url(../images/fond_contenu.png);
   margin:0;
   padding:5px;
   font-size: 16px;
   color: #5782a8;
   border:1px solid #ccc;
   width:690px;
}

h2, h3, h4{
	color: #6082A8;
	margin:5px;
}

.b_color b{
	color:#6082A8;
}

#page {
	background: url(../images/fond_contenu.png);
	margin:0 0 0 250px;
	padding: 5px;
	width: 690px;
	height: 520px; /* règle la hauteur du contenu + extension du graph'*/
	overflow: auto;
	border: 1px solid white;
}

.cadredotted{
	margin: 10px;
	padding: 5px;
	width: auto;
    height:auto;
	border: 1px dotted Silver;
}


p{
	margin:0px 0px 10px 0px;	
	text-align: justify;
	text-indent: 20px;
}

hr#hrsep{
	margin-top: 30px;
	margin-left: auto;
	margin-bottom: 0;
	margin-right: auto;
	color: grey;
	background-color: grey;
	width: 150px;
	height: 1px;
	border: 0px;
}

#titre_liens{
	color: Highlight;
}


/* ++++++ MENU BAS ++++++ */

#menubas{
	background: url(../images/fond_contenu.png);
	margin:10px 0 10px 250px;
	padding:5px;
	width: 690px;
	height: auto;
	border:1px solid white;
}

#menubas ul{
	margin:0px auto 0px auto;
	padding:0;
	width:400px;
	height:auto;
	font-size: 10px;
	list-style-type: none;
	text-align:center;
}

#menubas li{
	display: inline;
}


/* ++++++ MENU ACCUEIL ++++++ */


#ul_menuac{
	position: absolute;
	margin:10px 0px 0px 10px;
	padding: 0;
	text-align: center;
	list-style-type: none;
}

#ul_menuac li{
	display:inline;
}


 /* ++++++ PAGE SERVICES ++++++ */

 .TableService{
  background: #000000;
  margin:0 auto;
  width:658px;
  border-collapse: collapse;
  border:1px solid #ccc;
 }

 .TableService td, .TableService p{
  text-align:center;
 }

 .TableService .TrDescriptif{
    border-bottom:1px solid #ccc;
 }


/* ++++++ MENU SERVICES ++++++ */

#MenuServices{
	margin:95px 0 0 15px;
	width:228px;
	height:auto;
    float:left;
}

#MenuServices p{
	margin:0;
	font-size:9px;
	text-align: left;
	text-indent: 0%;/* annule l'indent imposé par les autres p */
}

#MenuServices h3{
    margin:0;
    font-size:14px;
    text-align: left;

}

/* ++++++ MENU ARTICLES ++++++ */


div#m_articles{
	background: url(../images/fond_contenu.png);
	position: absolute;
	margin: 125px 0px 0px 760px;
	padding:5px;
	width: 180px;
	height: auto;
	border: 1px solid white;
}



/* ++++++ PANCARTE BOUTIQUE ++++++ */

div#boutique{
	margin: 0px 5px 0px 0px;
    float:right;
	width: 267px;
	height: 38px;
}

a.bout_rol{
	display: block;
	width: 267px;
	height: 38px;
	background-image: url(../images/gpms_boutique2.png);
}

a.bout_rol:hover {
	visibility: visible
}

a.bout_rol:hover img {
	visibility: hidden;
}


/* ++++++ MENU HAUT */

.para {  /* dl, dt, dd, ul, li */
	margin: 0;
	padding: 0;
	list-style-type: none;
}

#menuhaut {
	position: absolute;
	margin: 2px 0px 0px 295px; /* position générale du menu */
	z-index: 50;
	height: auto;
	/*border: 1px solid yellow;*/
}
#menuhaut .dlmh {
	float: left;
	width: 130px; /* espace entre les menus */
	margin: 0 1px;
}

#menuhaut .dtmh {
	text-align: center;
	font-weight: bold;
	background-image: url(../images/menu01.jpg);
	width: 110px; /* largeur menus */
	line-height: 26px; /* hauteur menus */
	/*border: 1px solid red;  /*cadre menus */
}

#menuhaut .ddmh {
	border: 1px solid #000000; /* cadre sous-menu */
	margin-top: 1px ; /* espace entre menu et sous-menu */
	width: 130px; /* largeur sous-menu */
	height: 155px; /* hauteur sous-menu */
	background-image: url(../images/sousmenu01.jpg);
}

#menuhaut .limh {
	text-align: left;/*position liens de sous menu*/
	height: 18px; /*espace entre les liens de sous menu*/
}

#menuhaut .limh a, #menuhaut .dtmh a {
	text-decoration: none;
	display: block;
	height: 100%;
}

#menuhaut .dtmh a:hover  {
background-image: url(../images/menu02.jpg);
}

#menuhaut .limh a:hover{
	background-image: url(../images/sousmenu02.jpg);
	height: 16px;	/*hauteur image hover liens sous menu*/
}

.ulmh{
	margin-top: 10px;/*hauteur liens de sous menu*/
}

.liajust{
	padding-left: 8px;/*retrait liens de sous menu*/
}


/* ++++++ GALERIE ++++++*/

ul#ulgalerie {
	position:absolute;
	margin:50px 0px 0px 165px;
	padding:0;
	list-style-type: none;
	text-align: center;
	font-weight: bold;
	width: 200px;
	height:auto;
	line-height: 26px;
	/*border:1px solid silver;*/
}



/* ++++++ SPAN FAQ (Cette FAQ a été faite avec un menu de http://www.cssplay.co.uk ++++++ */


#menu {
  margin:0;
  padding:0;
  height:auto;
  overflow:hidden;
  }

#menu li {
  list-style-type:none;
  float:left;
  display:block;
  width:100%;
  }

#menu li a {
  display:block;
  text-decoration:none;
  margin:0;
  width:100%;
  }

#menu li a span {
  display:none;
  }

#menu li a.one span {
  display:block;
  height:15em;
  margin:0 10px;
  }

#menu li a:hover span {
  display:block;
  height:20em; /* Hauteur des span */
  margin:0 10px;
  cursor:pointer;
  }

#menu .h2 {
  margin:0 5px;
  padding:0;
  border:0;
  }

#menu .h3 {
  margin:0 5px;
  padding:0;
  font-size:1.1em;
  color:#00b;
  }

.curved {
  width:auto;
  }

.curved .b1, .curved .b2, .curved .b3, .curved .b4  {
  font-size:1px;
  display:block;
  background:none;
/* hide overflow:hidden from IE5/Mac */
}

.curved .b1, .curved .b2, .curved .b3 {
  height:1px;
}

.curved .b2, .curved .b3, .curved .b4 {
  border-left:1px solid silver;
  border-right:1px solid silver;
  }

.curved .b1 {
  margin:0 4px;
  background:silver;
  }

.curved .b2 {
  margin:0 2px;
  border-width:0 2px;
  }

.curved .b3 {
  margin:0 1px;
  }

.curved .b4 {
  height:2px;
  margin:0;
  }

.curved .c1 {
  margin:0 5px;
  background:silver;
  }

.curved .c2 {
  margin:0 3px;
  border-width:0 2px;
  }

.curved .c3 {
  margin:0 2px;
  }

.curved .c4 {
  height:2px;
  margin: 0 1px;
  }

.curved .boxcontent {
  display:block;
  background:transparent;
  border-left:1px solid silver;
  border-right:1px solid silver;
  text-align:justify;
  }


 /* ++++++ PAGE BANNIERE ++++++ */

#ban_reglage p{
	padding:0;
	margin:20px 0px 0px 0px;
	text-align:center;
	text-indent: 0;
}

#ban_reglage h3{
margin-top:20px;
text-align:center;
}


/* ++++++ PAGE DECOR (papermodel) ++++++ */


 .CadreDecor, .CadreDecor2{
  padding:5px;
  margin:10px;
  border: 1px solid #ccc;
 }

 .CadreDecor {
  float:left;
 }

 .CadreDecor .ImgDecor {
  float: left;
  margin: 10px;
 }

 .CadreDecor .ImgDecor2{
  text-align:center;
  padding:5px;
  margin:10px;
 }

 .CadreDecor p, .CadreDecor2 p{
  margin-top:8px;
 }

 .H3Decor {
  text-align: center;
 line-height: 25px
}


 /* ++++++ PAGE NEWS ++++++ */

 .CadreNews{
  padding:5px;
  margin:10px;
  float:left;
  border: 1px dashed #ccc;
 }

 .CadreNews .ImgNews {
  float: left;
  margin: 10px;
  border:1px solid #ffa500;
 }

 a .ImgNews ,
 a:visited.ImgNews {
  border:1px solid #ffa500;
 }

 a:hover .ImgNews {
  border:1px solid #ccc;
 }

 .CadreNews p{
  margin:12px;
  text-indent:20px;
 }




/* ++++++ TOUS DROITS RESERVES ++++++ */

#droits_reserves{
 position:absolute;
 margin:10px 0px 0px 400px;
 padding: 0;
 color: black;
 font-size: 12px;
 text-indent: 0px;
}