@import 'rdv.css';
/* CSS Document */
body
{
	width: 100%;
	height: 100%;
	margin: 0px;
	padding: 0px 0px 0px 0px;
}
/***********************************************************************/
/****************** Pour internet explorer *****************************/
/***********************************************************************/

*html div#page
{
	font-family: helvetica, sans-serif;
	font-size: 8pt;
	color: #696969; /*font-weight : bold;*/
	width: 990px;
	border : 1px solid black;
	position : relative;
	top : 10px;
}

*html div#header
{
	width : 987;
	text-align : right;
	position : relative;
	height : 35px;
	margin-left : 1px;
	margin-right : 1px;
	border : 1px solid white;
}
*html div#header p
{
	position : relative;
	margin-right : 40px;
	bottom :-10px;
}


*html div#contenuSommaire
{
	background :white;
	position : relative;
	width : 910;
	height : 500px;
	margin-left : 40px;
	margin-right : 40px;
	text-align : center;
}

*html div#contenuContact
{
	background :white;
	position : relative;
	width : 910;
	height : 500px;
	margin-left : 40px;
	margin-right : 40px;
	text-align : center;
	border : 1px solid #afafaf;
}
*html div#contenuContact p
{
  margin : 5 0 5 0;
  color : black;
  font-family : LucidaGrande, sans-serif;
}

*html div#contenu
{
	background :white;
	position : relative;
	width : 910;
	height : 500px;
	margin-left : 40px;
	margin-right : 40px;
	text-align : center;
}

*html div#cadreLeft
{
	position : absolute;
	top : 0px;
	left : 0px;
	width : 450px;
	height: 135px;
	background: url(images/MiseEnPage/backCadreLeft.png) no-repeat;
}

*html div#logoJaune
{
	position : absolute;
	top : 18px;
	left : 5px;
	width : 91px;
	height : 111px;
}

*html div#menuJaune
{
	position : absolute;
	top : 100px;
	left : 96px;
	width : 355;
}


*html div#cadreRight
{
	position: absolute;
	top: 0;
	left: 460;
	width: 450px;
	height: 135px;
	background: url(images/MiseEnPage/backCadreRight.png) no-repeat;
}

*html div#logoBleu
{
	position : absolute;
	top : 19px;
	right : 5px;
	width : 91px;
	height : 111px;
}

*html div#menuBleu
{
	position : absolute;
	top : 100px;
	left : -1px;
	width : 355;
	margin : 0 0 0 0;
}

*html div#cadreBas
{
	position: absolute;
	left : 0;
	top : 135px;
	width: 910px;
	background-color: white;
}

*html div#cadreBasPlanJaune
{
  position: absolute;
	left : 0;
	top : 0px;
	width: 450px;
	height :365px;
	border: 1px solid #afafaf;
	background-color: #E9E9E9;
}

*html div#cadreBasPlanBleu
{
  position: absolute;
	left : 460;
	top : 0px;
	width: 450px;
	height :365px;
	border : 1px solid #afafaf;
	background-color: #E9E9E9;
}


*html div#cadreBasJaune
{
	position: absolute;
	left : 0;
	top : 135px;
	width: 910px;
	border-bottom: 1px solid #afafaf;
	text-align : left;
	/*background-color: #E9E9E9;*/
}

*html div#cadreBasGaucheJaune
{
	position: relative;
	left : 0;
	top : 0px;
	width: 450px;
	height :364px;
	border-left: 1px solid #afafaf;
	border-top: 1px solid #afafaf;
	border-right: 1px solid #afafaf;
	background-color: #E9E9E9;
}

*html div#TexteCadreGaucheJaune
{
	position : relative;
	/*border : 1px solid black;*/
	top : 10px;
	left: 15px;
	width : 420px;
}

*html div#ImagesCadreGaucheJaune
{
	position : absolute;
	/*border : 1px solid black;*/
	top : 235px;
	left: 7px;
	width : 440px;
	height : 60px;
}

*html div#ImagesCadreGaucheJaune img
{
	border : 1px solid black;
	margin-right : 2px;
}

*html div#cadreBasDroitJaune
{
	position: absolute;
	left : 460px;
	bottom : 70px;
	width: 450px;
	height :240px;
	border :1px solid #afafaf;
}

*html div#cadreBasBleu
{
	position: absolute;
	left : 0;
	top : 135px;
	width: 910px;
	border-bottom: 1px solid #afafaf;
	text-align : left;
	/*background-color: #E9E9E9;*/
}

*html div#cadreBasDroitBleu
{
	position: relative;
	left : 460;
	top : 0px;
	width: 450px;
	height :364px;
	border-left: 1px solid #afafaf;
	border-top: 1px solid #afafaf;
	border-right: 1px solid #afafaf;
	background-color: #E9E9E9;
}

*html div#TexteCadreDroitBleu
{
	position : relative;
	/*border : 1px solid black;*/
	top : 10px;
	left: 15px;
	width : 420px;
}

*html div#ImagesCadreDroitBleu
{
	position : absolute;
	/*border : 1px solid black;*/
	top : 235px;
	left: 7px;
	width : 440px;
	height : 60px;
}

*html div#ImagesCadreDroitBleu img
{
	border : 1px solid black;
	margin-right : 2px;
}

*html div#cadreBasGaucheBleu
{
	position: absolute;
	left : 0px;
	bottom : 70px;
	width: 450px;
	height :240px;
	border :1px solid #afafaf;
}


*html div#footer
{
	width : 100%;
	text-align : right;
	position : relative;
	height : 35px;
}

*html div#footer p
{
	margin-right : 41px;
	margin-top : 3px;
	font-family : Helvetica, sans-serif;
	font-size : 7pt;
}

*html p
{
	font-family: LucidaGrande, sans-serif;
	font-size : 9pt;
	margin : 0;
}

*html div#tadelakt
{
  margin: 7 0 7 0;
	width : 420px;
	height :70px;
	text-align : left;
	background : transparent url(images/MiseEnPage/tadelakt2.png) no-repeat;
}
*html div#tadelakt p
{
	position : relative;
	font-size : 8pt;
	top : 5px;
	left : 5px;
	width : 410px;
	height :65px;
}

/***************************************************************************/
/************ Pour les autres navigateurs **********************************/
/***************************************************************************/
html>body div#page /* pour les autres */
{
	font-family : helvetica, sans-serif;
	font-size : 9pt;
	color : #696969;
	position : relative;
	/*font-weight : bold;*/
	width : 990px;
	top : 10px;
	border : 1px solid black;
}

html>body div#header
{
	width : 987;
	text-align : right;
	position : relative;
	top : 10;
	height : 35px;
	margin-left : 1px;
	margin-right : 1px;
	border : 1px solid white;
}
html>body div#header p
{
	margin-right : 40px;
}


html>body div#contenuSommaire
{
	background :white;
	position : relative;
	width : 910;
	height : 500px;
	margin-left : 40px;
	margin-right : 40px;
	text-align : center;
}

html>body div#contenuContact
{
	background :white;
	position : relative;
	width : 910;
	height : 500px;
	margin-left : 40px;
	margin-right : 40px;
	text-align : center;
	border : 1px solid #afafaf;
}
html>body div#contenuContact p
{
  margin : 5 0 5 0;
  color : black;
  font-family : LucidaGrande, sans-serif;
}

html>body div#contenu
{
	background :white;
	position : relative;
	width : 910;
	height : 500px;
	margin-left : 40px;
	margin-right : 40px;
	text-align : center;
}

html>body div#cadreLeft
{
	position : relative;
	top : 0;
	left : 0;
	width : 450px;
	height: 135px;
	background: url(images/MiseEnPage/backCadreLeft.png) no-repeat;
}

html>body div#logoJaune
{
	position : relative;
	top : 18px;
	left : 5px;
	width : 91px;
	height : 111px;
}

html>body div#menuJaune
{
	position : relative;
	top : -11px;
	left : 96px;
	width : 355;
	margin : 0 0 0 0;
}

html>body div#cadreRight
{
	position: absolute;
	top: 0;
	left: 460;
	width: 450px;
	height: 135px;
	background: url(images/MiseEnPage/backCadreRight.png) no-repeat;
}

html>body div#logoBleu
{
	position : relative;
	top : 19px;
	left : 358px;
	width : 91px;
	height : 111px;
}

html>body div#menuBleu
{
	position : relative;
	top : -11px;
	left : -1px;
	width : 355;
	margin : 0 0 0 0;
}


html>body div#cadreBas
{
	position: relative;
	left : 0;
	width: 910px;
	background-color : white;
}

html>body div#cadreBasPlanJaune
{
  position: relative;
	left : 0;
	top : 0px;
	width: 448px;
	height :365px;
	border: 1px solid #afafaf;
	background-color: #E9E9E9;
}

html>body div#cadreBasPlanBleu
{
  position: absolute;
	left : 460;
	top : 0px;
	width: 448px;
	height :365px;
	border : 1px solid #afafaf;
	background-color: #E9E9E9;
}


html>body div#cadreBasJaune
{
	position: relative;
	left : 0;
	top : 0x;
	width: 910px;
	height : 364px;
	border-bottom: 1px solid #afafaf;
	text-align : left;
	/*background-color: #E9E9E9;*/
}

html>body div#cadreBasGaucheJaune
{
	position: relative;
	left : 0;
	top : 0px;
	width: 448px;
	height :363px;
	border-left: 1px solid #afafaf;
	border-top: 1px solid #afafaf;
	border-right: 1px solid #afafaf;
	background-color: #E9E9E9;
}

html>body div#TexteCadreGaucheJaune
{
	position : relative;
	/*border : 1px solid black;*/
	top : 10px;
	left: 15px;
	width : 420px;
}

html>body div#ImagesCadreGaucheJaune
{
	position : absolute;
	/*border : 1px solid black;*/
	top : 235px;
	left: 7px;
	width : 440px;
	height : 60px;
}

html>body div#ImagesCadreGaucheJaune img
{
	border : 1px solid black;
	margin-right : 2px;
	margin-bottom : 2px;
}

html>body div#cadreBasDroitJaune
{
	position: absolute;
	left : 460px;
	bottom : 70px;
	width: 450px;
	height :240px;
	border :1px solid #afafaf;
}

html>body div#cadreBasBleu
{
	position: relative;
	left : 0;
	top : 0x;
	width: 910px;
	height :364px;
	border-bottom: 1px solid #afafaf;
	text-align : left;
	/*background-color: #E9E9E9;*/
}

html>body div#cadreBasDroitBleu
{
	position: relative;
	left : 460px;
	top : 0px;
	width: 448px;
	height : 363px;
	border-left: 1px solid #afafaf;
	border-top: 1px solid #afafaf;
	border-right: 1px solid #afafaf;
	background-color: #E9E9E9;
}

html>body div#TexteCadreDroitBleu
{
	position : relative;
	/*border : 1px solid black;*/
	top : 10px;
	left: 15px;
	width : 420px;
}

html>body div#ImagesCadreDroitBleu
{
	position : absolute;
	/*border : 1px solid black;*/
	top : 260px;
	left: 7px;
	width : 440px;
	height : 60px;
}

html>body div#ImagesCadreDroitBleu img
{
	border : 1px solid black;
	margin-right : 2px;
}

html>body div#cadreBasGaucheBleu
{
	position: absolute;
	left : 0px;
	bottom : 45px;
	width: 450px;
	height :240px;
	border :1px solid #afafaf;
}

html>body div#footer
{
	width : 100%;
	text-align : right;
	position : relative;
	height : 35px;
}

html>body div#footer p
{
	margin-right : 41px;
	margin-top : 3px;
	font-family : Helvetica, sans-serif;
	font-size : 7pt;
}

html>body p
{
	font-family: LucidaGrande, sans-serif;
	font-size : 9pt;
	margin : 0;
}

html>body div#tadelakt
{
	margin: 10 0 10 0;
	width: 420px;
	height: 65px;
	text-align: left;
	background: transparent url(images/MiseEnPage/tadelakt2.png) no-repeat;
}
html>body div#tadelakt p
{
	position: relative;
	font-size: 8pt;
	top: 5px;
	left: 7px;
	width: 410px;
	height: 65px;
}

/****************************************************************************/
/**************** Commun a tous les navgateurs même internet explorer *******/
/****************************************************************************/
a
{
	text-decoration : none;
	color : #696969;
}

a:hover
{
	text-decoration : underline;
	color : #696969;
}

h5
{
	font-size : 8pt;
	font-weight : bold;
	margin: 0;
	font-family: Arial, sans-serif;
}
h5 img
{
	position : relative;
	top : -1px;
}

ul
{
  text-align : left;
  position : relative;
  top : 20px;
  left : 50px;
  font-size : 9pt;
}
li
{
  margin : 2px;
}

h5#planSite
{
  text-align : left;
  position : relative;
  font-size : 10pt;
  top : 20px;
  left : 30px; 
}

a.lienAccueil img
{
  border : 0;
}