body {
  height: 100%;
  margin: 0;
	padding: 0;
	background: #f0f0f0;
	font-family: Arial;
	font-size: 11px;
	color: #000000;
	text-align: center;
}


#boite2 { 
position:relative; top:-27px; left:690px; }

#boite_main { position:absolute; top:30px; left:640px; }



html {
	margin: 0;
	padding: 0;
	height: 100%;
}

.attention
{
 
  top:35px;
	font-size: 100%;
	color: red;
}



.info
{

  font-family: arial;
  font-weight: normal;
  text-align:left;
	font-size: 110%;
	color: black;
}


h1 {
	font-size: 18x;
	font-weight: bold;
	color: #4F5688;
	text-align: center;
}
img { border:0; }

.titre {
	font-size: 12x;
	font-weight: bold;
	color: black;
	text-align: center;
	width: 600px;
	border: 0px solid #FFFFFF;
	background: #4F5688;
	margin: auto;
}


.titre2 {

	font-size: 15px;
	font-weight: bold;
	color: black;
	text-align: center;
	width: 500px;
	border: 0px solid red;
	background: #ff6000;
	border-top:3px solid orange;
	border-bottom:none;
	border-left:3px solid orange;
	border-right:3px solid orange;
	margin: auto;
	margin-bottom:0;
	padding:0;
}

.titre2 p {

  font-size: 11px;
	font-weight: normal;
	margin-top:0;
	
}

.titre_menu {
   position:relative;
   top:0px;
  font-size: 15px;
	font-weight: bold;
	color: black;
	text-align: center;
	width: 100px;
	border: 0px solid red;
	background: #ff6000;
	border-top:3px solid #d06868;
	border-bottom:none;
	border-left:3px solid #d06868;
	border-right:3px solid #d06868;
	margin: auto;
}

.titre3 {

	font-size: 15px;
	font-family: verdana, arial, sans-serif ;
	font-weight: bold;
	color: black;
	text-align: center;
	width: 550px;

	margin: auto;
	background: #ff6000;
	border-top:3px solid #d06868;
	border-bottom:none;
	border-left:3px solid #d06868;
	border-right:3px solid #d06868;
}

.titre4 {
  position:absolute;
  top:1px;
  left:95px;
	font-size: 18px;
	font-weight: bold;
	color: #FFFFFF;
	text-align: center;
	width: 600px;
	border-top:3px solid #d06868;
	border-bottom:none;
	border-left:3px solid #d06868;
	border-right:3px solid #d06868;
	background: none;
	margin: auto;
}


.imgtitre{

height:166px;
}


.imgt {
position:relative;
height:48px;
margin:0;
padding:0;
top:-11px;

background: #FF0066;
border-bottom:3px solid #d06868;
border-top:none;
border-left:3px solid #d06868;
border-right:3px solid #d06868;
}



div.box_t  {

	font-size: 11x;
	text-align: center;
	width: 550px;
	border: 1px solid #FFFFFF;
	background: white;
	margin: auto;
	padding: 3px;

}


div.box  {

	font-size: 11x;
	text-align: center;
	width: 700px;
	border: black;
	background: #ffe0e0;
	margin: auto;
	padding: 3px;
	border:3px solid orange;

}
.box a:link, .box strong {
	font-size: 11x;
	font-weight: bold;
	text-decoration: none;
	color: #4F5688;
	padding: 3px;
}
.box a:visited {
	font-size: 11x;
	font-weight: bold;
	text-decoration: none;
	color: purple;
	padding: 3px;
}
.box a:hover {
	font-size: 11x;
	font-weight: bold;
	text-decoration: underline;
	color: #4F5688;
	padding: 3px;
}
.thumb img { 
	margin: 2px;
}
.box strong { color:red; }


div#page
{
  min-height: 100%;
	width: 1040px ;
	margin: 0 auto ;
	text-align: left ;
	background: #ffe0ff ;
  border: 3px solid;
  border-color:orange;

}


div#contenu
{
	width: 60% ;
	height: 70%;
	margin: 0 auto ;
	text-align: left ;
  border: 1px solid
}

div#header
{
	width: 100% ;
	height: 140px;
	top: 0;
	margin: 0 auto ;
	text-align: left ;
	top: 0 px;
	background: red;
  border: 1px solid
}

div#left
{
  width: 20% ;
  height: 70%;
  left: 0px;
	margin: 0 auto ;
	text-align: left ;
  border: 1px solid
}



div#cadre {/* conteneur global et arrière-plan du titre du cadre */
position:relative;
margin-left: auto;
margin-right: auto;
width: 800px;
padding-top: 134px;

background: url(/images/top_xxl.png) top  no-repeat;
}
div#bloccadre {/* arrière-plan bas et sur l'ensemble du cadre */
background: url(/images/bottom_xxl.png) bottom  no-repeat;
padding-top: 10px;
}
div#bloccadre p {
margin: 0 30px 0 20px;
}

#bloc_droite {
float:right;
right:10px;
top:280px;
width: 150px;
background: none;
border:none;
margin:0;
padding:0;
}

#droite {
position:relative;
z-index:9;
background: orange;
border:3px solid #d06868;

margin-bottom:30px;
text-align:center;
}

#bloc_gauche {
float:left;

left:10px;
top:280px;
width: 130px;
background: none;
border:none;
margin:0;
padding:0;
}

#gauche {
position:relative;
z-index:9;
background: orange;
border:3px solid #d06868;

margin-bottom:30px;
text-align:center;
}

div#bloccadre_g {/* arrière-plan bas et sur l'ensemble du cadre */
background: url(/images/bottom_thin_border.png) bottom  no-repeat;
padding-top: 10px;
}
div#bloccadre_g p {
margin: 0 30px 0 20px;
}

.cont_gauche
{
  position:relative;
  text-align:center;
  top:-90px;
	font-size: 90%;
}

#bas
{
font-size:60%;
text-align:left;
background:pink;
}

.centre {
position:relative;
 margin-left: auto;
 margin-right: auto;
 width: 700px%;
 text-align:center;
}

.menuhaut {
position:absolute;
top:-8px;
left:100px;
text-align:center;
list-style-type: none;
margin: 0px 0 0 0;
padding:0px;
border-style: solid;
border-width: 3px;
border-color: orange;
border-top:none;

}
.menuhaut li {
display:block;
float:left;
background: #ff6000;
height:18px;
color: black;
}

.menuhaut a {
margin: 60px 0 0 1px;
color: black;
text-align:center;
text-decoration: none;
padding-top:0px;
padding-left:20px;
padding-right:20px;


}


.menuhaut a:hover {
text-decoration: none;
background:orange;
}