/* Paramètres globaux */ 

body {

	margin: 0px;

	/* background-image: url("/dmediafiles/bground.jpg"); */

	background-color: #ffffff;

	font-family: calibri, arial, verdana, helvetica;

	font-size: 16px;

	color: #000000;

}

	

img {

	border: 0;

	max-width: 100%;
	height: auto;

}



table {

	border-collapse: collapse;

	border-spacing: 0;

}



td, p {

	text-align: justify;

}

	

h1 {

	color: #990000;

	font-size: 30px; 

 	font-weight: normal;

	text-align: left;

}



h2 {

	color: #626262;

	font-size: 25px; 

 	font-weight: normal;

	text-align: left;

}



ul  {

	list-style-type: square;

}



/* Bandeau */

#bandeauw {						

	margin: 0px;

	padding: 0px;

	/* background-color: #82c9e7; */

}



#bandeau {

	max-width: 1000px;

	/* height: 220px; */

	margin: auto;

	padding: 0;

	/* background-image: url("/dmediafiles/bandeau.png"); */

	/* border-right-width:0px;border-left-width:0px;border-top-width:0px;border-bottom-width:0px;border-style:solid;border-color:#cacaca; */

}



/*  Menu de navigation I */

/* La division */

#menu1w {						

	margin: 0px;

	padding: 0px;

	background-color: #ffffff;

}



#menu1 {						

	max-width: 1000px;

	margin: auto;

	background-color: #444444;

	text-align: center;

}



#navig {

	max-width: 1000px;

	margin: 10px 0 0 0;

	padding: 0px 15px 0 15px;

	list-style: none;

	overflow: hidden;

	/* background-color: #626262; */

	/* border-right-width:0px;border-left-width:0px;border-top-width:0px;border-bottom-width:0px;border-style:solid;border-color:#cacaca; */

}



#navig li {

	/* float: left; */

	display: inline-block;

	margin: 0 10px 0 0px;

	padding: 0;

	width: 130px;

}

	

#navig li a {

	font-family: arial, verdana, helvetica;

	font-size: 12px;

	font-weight: normal;

	display: block;

	/*line-height: 5px;*/

	padding: 5px;

	text-align: center;

	border-right: solid 1px #ffffff;

	border-bottom: solid 1px #ffffff;

	text-decoration: none;

	/* background-image: url("/dmediafiles/btn_off.gif"); */

	background-color: #444444;

	color: #ffffff;

	/* border-radius:70px; */

	font-weight: bold;

}



#navig li a:hover{

	text-decoration: none;

	/* background-image: url("/dmediafiles/btn_on.gif"); */

	background-color: #990000;

	color: #ffffff;		

}

	

#navig li a.current {

	text-decoration: none;

	/* background-image: url("/dmediafiles/btn_on.gif"); */

	background-color: #990000;

	color: #ffffff;

}



/* 

#navig li:hover {

	transform: rotateY(360deg);

	-webkit-transform: rotateY(360deg);

	-moz-transform: rotateY(360deg);

	-o-transform: rotateY(360deg);

	-webkit-transition: 1.5s;

	-moz-transition: 1.5s;

	-o-transition: 1.5s;

	transition: 1.5s;

}

*/





	

/* Partie centrale */

#centralw {						

	margin: 0px;

	padding: 0px;

	background-color: #ffffff;

}



#central {

	max-width: 1000px;

	margin: auto;

	padding: 0px;

	background-image: url("/dmediafiles/biblio/fond.png"); 

	background-repeat:no-repeat;

	/* background-color: #ffffff; */

	/* border-right-width:0px;border-left-width:0px;border-top-width:0px;border-bottom-width:0px;border-style:solid;border-color:#626262; */

}



#menu2 {

	float: left;

	width: 130px;

	padding: 2px;

	text-align: left;

	margin-left: 15px;

}



#menu2 li {

	width: 130px;

}



#page {

	min-height: 500px; 

	text-align: justify;

	padding: 0px 15px 20px 160px;

	margin: 0 0 40px 0;

	line-height: normal;

}



@media screen and (max-width: 640px) {

	#menu2 {

		float: none;

	}

	

	#page {

		padding-left: 10px;

	}

}

	

#pagebis {

	min-height: 500px;

	text-align: justify;

	padding: 0px 15px 20px 15px;

	margin: 0 0 40px 0;

	line-height: normal;

}



/* Pied de page */

#menubasw {

	margin: 10px 0 0 0;

	padding: 0px;

	background-color: #82c9e7;

}



@media screen and (min-width: 640px) {

#menubasw {

    position: fixed;

	bottom: 0;

	left: 0;

	right: 0;

  }

}



#menubas {

	max-width: 980px;

	margin: auto;

	text-align: right;

	padding: 10px;

	/* background-image: url("/dmediafiles/bgroundxx.jpg"); */

	color: #990000;

	/* border-right-width:0px;border-left-width:0px;border-top-width:0px;border-bottom-width:0px;border-style:solid;border-color:#cacaca; */

}



/* Les liens */

a { 

	color: #990000;

	text-decoration: underline;

}

	

a:hover {

	color: #ff3300;

	text-decoration: underline;

}

	

#menu2 a {

	display: block;

	color: #990000;

	font-size: 14px;

	text-decoration: none;

	line-height: 30px;

	padding: 5px;

	border-bottom: solid 1px #000000;

	/* background-image: url("/dmediafiles/btnxxx_on.gif"); */

}



#menu2 a:hover {

	color: #ff3300;

	text-decoration: none;

	/* background-image: url("/dmediafiles/btnxxx_on.gif"); */

}



#menu2 a.current {

	color: #626262;

	text-decoration: none;

	font-weight: normal;

	/* background-image: url("/dmediafiles/btnxxx_on.gif"); */

}



#menubas a {

	font-size: 16px; 

	text-decoration: none;

	color: #000000;

}



#menubas a:hover {

	text-decoration: underline;

}





/* Le  plug-in */

/* Contact */

#contact input, #contact textarea {

	padding: 10px;

}



.boutonvalider {

 border-radius:5px;

 box-shadow: 1px 1px 1px #d83f3d;

 cursor: pointer;

 background-color: #990000;

 color: #fff;

 padding: 5px 20px 5px 20px;

}



/* Acces prive */

#formcodes input, #formlogin input {

	padding: 10px;

}



/* Les pecifiques ARPEJ */

.cadrehome1 {

	background-color: #a0d4ec;

	display: inline-block; 

	vertical-align: top;

	padding: 0 20px 20px 20px;

	margin: 10px;

	border-radius:15px;

	max-width: 300px;

}



.cadrehome2 {

	background-color: #99ccff;

	display: inline-block;

	vertical-align: top;

	padding: 0 20px 20px 20px;

	margin: 10px;

	border-radius:15px;

	max-width: 300px;

}



.cadrehome3 {

	background-color: #ffffff;

	padding: 0 20px 0px 20px;

	margin: 10px;

	border: 1px solid #000000;

	border-radius:15px;

	max-width: 300px;

}