/* Objectif Cadres CSS v 1 - mars 2007 - Graf Miville */

/*#########################STRUCTURE GENERALE########################3*/
* {
	/*Reset tous les éléments block*/
	margin:0;
	padding:0;
}

*html {
	overflow-x: hidden;
} 

body {
	margin-left: 20px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background:#0b703d url(../images/body_fond.gif) repeat-y;
	overflow-x:hidden;
}

/*la page est divisée en 3 couches horizontales header - flash - content*/

#header {
	width:880px;
	height:140px;
	padding-left:50px;
	background-color:#cee2d8;
}

#flash {
	width:2200px;
	height:152px;
	background:#cee2d8 url(../flash/img/nojs_panorama.jpg) no-repeat top left;
}

#flash .flashbox a {
	display:block;
	width:2200px;
	height:152px;
}

#content {
	width:880px;
	padding-left:50px;
}

#headerContent {
	width:830px;
	height:140px;
	border-left:1px solid #787762;
	border-right:1px solid #787762;
	background-color:#ffffff;
}

#mainContent {
	border-left:1px solid #787762;
	border-right:1px solid #787762;
}

/* TOPMENU*/

#langues ul {
	border-right:1px solid #787762;
	height:22px;
	margin-right:55px;
}

#langues a, #langues a:visited, #langues a:active  {
	display:block;
	font: bold 10px "Times New Roman", Times, serif;
	color:#0b703d;
	text-decoration:none;
	text-transform:uppercase;
	padding: 10px 10px 0px 10px;
	border-left:1px solid #787762;
}

#langues a:hover  {
	color:#858470;
}

#langues a.actif, #langues a:visited.actif, #langues a:active.actif  {
	color:#858470;
}

#langues a:hover.actif  {
	color:#0b703d;
}

#langues ul li {
	list-style:none;
	float:right;
}

/* LOGO*/

#logo a {
	margin-top:5px;
	margin-left:15px;
	width:273px;
	display:block;
	background:#ffffff url(../images/logo.gif) no-repeat top left;
	height:50px;
	letter-spacing: -0.2px;
}

/* MENU PRINCIPAL*/

#menu {
	margin-left: 10px;
	margin-top: 24px;
}

#menu a, #menu a:visited, #menu a:active  {
	font: bold 13px "Times New Roman", Times, serif;
	color:#858470;
	text-decoration:none;
	text-transform:uppercase;
}

#menu a:hover  {
	color:#0b703d;
}

#menu ul li {
	list-style:none;
	float:left;
	padding: 0px 5px 0px 5px;
}

#menu a.current  {
	color:#0b703d;
}


/* SIDEBAR*/

#sidebar {
	position:relative;
	float:left;
	margin-left: 50px;
	margin-top: 47px;
	width:250px;
}

*html #sidebar {
	margin-left: 25px; /*déconnade de IE6*/
}

#sidebar h1  {
	font: normal 18px Georgia, "Times New Roman", Times, serif;
	color:#858470;
	font-style:italic;
	padding-left:12px;
	background-image:url(../images/separateur.gif);
	background-repeat:no-repeat;
	background-position:bottom left;
	padding-bottom:7px;
}

#sidebar dl {
	list-style:none;
}

#sidebar dl dt {
	font: bold 11px Georgia, "Times New Roman", Times, serif;
	color:#787762;
	padding: 12px 12px 0px 12px;
	text-align:left;
}

#sidebar dl dd {
	font: normal 11px Georgia, "Times New Roman", Times, serif;
	color:#787762;
	line-height:20px;
	text-align:justify;
	background-image:url(../images/separateur.gif);
	background-repeat:no-repeat;
	background-position:bottom left;
	padding: 5px 12px 20px 12px;
}

#sidebar a.learnMore, #sidebar a:active.learnMore, #sidebar a:visited.learnMore {
	display:block;
	height:12px;
	font: normal 11px Georgia, "Times New Roman", Times, serif;
	color:#0b703d;
	text-decoration:underline;
	background:#ffffff url(../images/coin.gif) no-repeat 0px 0px;
	padding-left:10px;
	margin-top:5px;
	text-align:left;
}

#sidebar a:hover.learnMore {
	color:#787762;
}

/*SIDEBAR SUITE POUR LES PAGES INTERNES*/

#sidebar h1.imageEntete  {
	display:block;
	width: 237px;
	padding-bottom:0px;
}

#sidebar ul {
	list-style:none;
}

#sidebar ul li {
	list-style-position:outside;
	line-height:15px;
	margin-bottom:15px;
	margin-left:12px;
	margin-right:12px;
}

#sidebar ul li a {
	display:block;
	font: normal 12px Georgia, "Times New Roman", Times, serif;
	color:#858470;
	text-transform:uppercase;
	text-decoration:none;
	text-align:left;
	background: #ffffff url(../images/fleche.gif) no-repeat 0px 3px;
	padding-left:12px;

}

#sidebar ul li a:hover {
	color:#0b703d;
	background: #ffffff url(../images/fleche_hov.gif) no-repeat 0px 3px;

}

#sidebar a.current  {
	color:#0b703d;
}

#sidebar ul li .current {
	background: #ffffff url(../images/fleche_hov.gif) no-repeat 0px 3px;

}

/* toolsbox */

#sidebar .toolbox {
	position:relative;
	float:left;
	top:0px;
	left:0px;
}

#sidebar #rouages a {
	display:block;
	width:39px;
	height:36px;
	background-image:url(../flash/img/nojs_rouages.gif);
	background-repeat:no-repeat;
	background-position:3px 0px;
}

#sidebar #rouages {
	position:absolute;
	z-index:5;
	top:5px;
	left:4px;
	width:36px;
	height:36px;

}

#sidebar .cadre {
	position:absolute;
	z-index:4;
	top:32px;
	left:20px;
	width:215px;
	height:52px;
	background-color:#e4e4e4;
}

#sidebar .cadre a {
	position:absolute;
	top:10px;
	left:5px;
	font: normal 14px Georgia, "Times New Roman", Times, serif;
	color:#535353;
	text-decoration:none;
}

#sidebar .cadre a:hover {
	color:#0b703d;
}

#sidebar .titre {
	position:absolute;
	width:190px;
	z-index:6;
	top:19px;
	left:42px;
	font: bold 13px Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	color:#0b703d;
}

#sidebar .titre .titreGris {
	color:#535353;
}

#sidebar .photo a {
	position:absolute;
	z-index:7;
	top:37px;
	left:178px;
	display:block;
	width:51px;
	height:51px;
}

#sidebar .photo a:hover {
	filter:alpha(opacity=35);
	-moz-opacity:.35;
	opacity:.35;
}

/* CONTENU*/

#contenu {
	position:relative;
	float:right;
	width:425px;
	height:auto;
	margin-top:47px;
	margin-right:105px;
}

*html #contenu {
	margin-right:55px;
}

#contenu h1 {
	font: normal 24px Georgia, "Times New Roman", Times, serif;
	color:#0b703d;
	line-height:28px;
	margin-bottom:20px;
}

#contenu span.ligne2Titre {
	font: italic 20px Georgia, "Times New Roman", Times, serif;
	color:#0b703d;
	line-height:28px;
	margin-bottom:40px;
}

#contenu h2 {
	font: italic 20px Georgia, "Times New Roman", Times, serif;
	color:#0b703d;
	line-height:28px;
	margin-bottom:20px;
}

#contenu p {
	font: normal 13px Georgia, "Times New Roman", Times, serif;
	color:#787762;
	text-align:justify;
	line-height:22px;
	list-style:square;
	
}

#contenu ul li {
	font: normal 13px Georgia, "Times New Roman", Times, serif;
	color:#787762;
	text-align:justify;
	line-height:22px;
	list-style:square;
	margin-left:15px;
	padding-left:5px;
	
}

#contenu p a, #contenu p a:active, #contenu p a:visited {
	text-decoration:underline;
	color:#0b703d;
}

#contenu p a:hover {
	color:#787762;
}

#contenu div.red {
	margin-top:40px;
	margin-bottom:15px;
	font: normal 18px Georgia, "Times New Roman", Times, serif;
	color:#b12729;
}

#contenu #implantation a {
	display:block;
	width:355px;
	height:56px;
	background-image:url(../flash/img/nojs_implantation.gif);
	background-repeat:no-repeat;
	background-position:0px 0px;
}

#contenu #implantation {
	width:425px;
	height:56px;
}

/* ADRESSE*/

h1.adresse {
	position: absolute;
	left:926px;
	top:574px;
	font: normal 13px Georgia, "Times New Roman", Times, serif;
	color:#0b703d;
	line-height:18px;
}

h1.adresse a {
	text-decoration:underline;
	color:#0b703d;
}

h1.adresse a:hover {
	color:#787762;
}