* {
	margin: 0px;
	padding: 0px;
}
body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background: #EDEEE8;
	font-size: 1em;
	color: #333333;
}
/*if img is inside "a" it would have borders, we don't want that */
img {
	border: 0px;/*background-color: inherit;*/
   /*color:#000;*/
}
#contener {
	width: 760px;
	margin-left:auto;
	margin-right:auto;
	background: url(images/fond_gris_trame.gif) repeat-y left top;
	background-color: #FFFFFF;
}
/*-- Taille Type (par rapport à BODY 1em) --*/

h1 {
	font: bold 1.5em Verdana, Arial, Helvetica, sans-serif;
	color: #9F161C;
	margin-bottom: 0.2em;
}
p {
	font: .75em Arial, Verdana, Helvetica, sans-serif;
	color: #333333;
	padding-bottom: .85em;
	text-align: justify;
}
a {
	color: #333333;
	text-decoration:underline;
}
a:hover {
	color: #9f161c;
	text-decoration:underline;
}
ul {
	font: .75em Arial, Verdana, Helvetica, sans-serif;
	color: #333333;
	padding-bottom: 1em;
	padding-left: 2em;
}
li {
	color: #333333;
}
.lirouge {
	color: #9F161C;
}
.typobaspetit {
	font: 0.7em Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	text-decoration: none;
}
a.typobaspetit {
	text-decoration: none;
}
a.typobaspetit:hover {
	text-decoration: underline;
}
a.typobaspetit:hover {
	text-decoration: underline;
}
a.typobaspetit:visited {
	text-decoration: none;
}
/*-- Mise en page Banner Haut --*/

#masterhaut {
	width: 760px;
	height: 128px;
}
#hautgauche {
	width: 167px;
	height: 128px;
	float: left;
	background: #e69100;
}
#hautdroite {
	width: 593px;
	height: 128px;
	background: url(images/interface_haut_grue.jpg) no-repeat;
	float: left;
}
#boutonmenu {
	margin-top: 106px;
	float: left;
}
a.hautbouton {
	float: left;
	font-size: 0.6em;
	text-decoration: none;
	background: url(images/fond_bouton_normal.gif) left top;
	height: 13px;
	width: 72px;
	text-align: right;
	display: block;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-weight: bold;
	padding-right: 14px;
	padding-top: 9px;
}
a.hautbouton:hover {
	text-decoration: none;
	background: url(images/fond_bouton_over.gif);
}
a.hautboutonselect {
	float: left;
	font-size: 0.6em;
	text-decoration: none;
	background: url(images/fond_bouton_select.gif) left top;
	height: 13px;
	width: 72px;
	text-align: right;
	display: block;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #CCCCCC;
	font-weight: bold;
	padding-right: 14px;
	padding-top: 9px;
}
/*-- Mise en page Milieux --*/

#contentgauche {
	FLOAT: left;
	WIDTH: 167px;
}
#contentdroite {
	float: left;
	width: 560px;
	padding-top:20px;
	padding-bottom:15px;
	padding-right:17px;
	padding-left:16px;
}
.justifdroite {
	width: 250px;
	padding-left: 310px;
}
/*-- Mise en page Footer Bas --*/

#masterbas {
	width: 760px;
	height: 26px;
	clear: both;
}
#basgauche {
	width: 167px;
	height: 32px;
	background: url(images/fond_bas_gauche.gif) no-repeat;
	background-color: #EDEEE8;
	float: left;
	text-align: center;
	padding: 5px 0px 0px;
}
#basdroite {
	width: 593px;
	height: 32px;
	background: url(images/fond_bas_droite.gif) no-repeat;
	background-color: #EDEEE8;
	float: left;
	padding: 5px 0px 0px;
	text-align: center;
}

.w3c{
	padding-left: 10px;
}
/*-- Mise en page des pages spécifiques --*/
table {
	color: #333333;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	text-align: left;
	font-size : 12px;
	border: 1px solid #e69100;
}
td {
	padding-left : 10px;
	height : 30px;
	border: 1px solid #e69100;
}
.matos {
	height : 120px;
	display: block;
	width: 560px;
	background-color:#f2dda6;
	margin-bottom:2px;
	vertical-align: 50%;
	text-decoration:none;
}
.matos:hover {
	height : 120px;
	display: block;
	width: 560px;
	background-color:#e69100;
	text-decoration:none;
}
.vignette_matos {
	margin:10px;
	float:left;
}
.matos_texte {
	margin-top:10px;
	float:left;
	width:210px;
	height:75px;
	padding-left:20px;
	padding-top:25px;
	font-size: 12px;
	text-decoration:none;
	font-weight: bold;
}


.pdf {
	margin-right:30px;
}

.flag {
	margin-top:20px;
	margin-bottom:10px;
}

.photosmarge{
	margin-right: 10px;
	padding-top: 5px;
	padding-bottom: 10px;
}

.photosmargebas{
	padding-top: 5px;
	padding-bottom: 10px;
}

.big {
	font: 1.6em Arial, Verdana, Helvetica, sans-serif;
	color: #333333;
	padding-bottom: .85em;
	text-align: justify;
	padding-top:50px;
}
