@charset "utf-8";
/* CSS Document */

/* GENERAL */
body { /* Page generale */
	padding: 0px;
	margin: 0px;
	background: url(../gfx/background-page-page.jpg) top center no-repeat;
	background-color: #000000;
	font-family: Arial, Helvetica, sans-serif;
}

img {border: 0;}

img a {border: 0;}

p {margin: 0;padding: 0;}

#site { /* Zone qui contient l ensemble du site */
	width: 1000px;
	min-height: 550px;
	margin-left: auto;
	margin-right: auto;
	background: url(../gfx/background-site-page.jpg) top center no-repeat;
}

/* NAVIGATION */
#logo { /* Titre */
	float: left;
	width: 228px;
	height: 62px;
	padding-top: 25px;
	padding-left: 25px;
}

#langues { /* 1 drapeau */
	float: right;
	width: 54px;
	height: 37px;
	padding-top: 12px;
	padding-right: 452px;
}

#actu-contact-lien-univers { /* 3 boutons Actualites + Contacts & liens + Univers d'Yvon */
	float: right;
	width: 121px;
	height: 59px;
	padding-top: 8px;
	padding-right: 316px;
}

#menu { /*Menu francais */
	float: left;
	width: 597px;
	height: 13px;
	padding-left: 50px;
}

#menu h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 13px;
}

#menu a {color: #000000;text-decoration: none;}

#titre { /* Image titre des rubriques */
	float: left;
	width: 925px;
	height: 55px;
	padding-top: 81px;
	padding-left: 50px;
	margin-bottom: 22px;
}

/* CONTENU */
#contenu { /* Zone de contenu */
	width: 925px;
	float: left;
	margin-left: 50px;
	margin-right: 50px;
	font-size: 12px;
	color: #FFFFFF;
	text-align: justify;
}

#contenu a {
	text-decoration: underline;
	color: #FFFFFF;
}

.legende {
	font-size: 11px;
	font-style: italic;
	color: #7b7b7b;
}

/* CARROUSEL */
#miniatures { display: none;}

.movie {
	width: 900px;
	height: 255px;
}
			
div.movie {
	width: 900px;
	height: 255px;
	text-align: center;
	border: 0;
}

div.code {
	font: 10pt Verdana, sans-serif;
	overflow: auto;
	border: 1px solid #333333;	
	padding: 3pt;
	margin: 0pt 0pt 3pt 0pt;
}

div.note { font-size: 75%; color: #999999;}
div.note p { margin: 2pt;}
div.note ol { margin-top: 2pt;}

/* BIOGRAPHIE */
#biographie .date { padding-left: 6px; font-weight: bold; font-size: 13px;}


/* FOOTER */
#footer { /* Filet + Retour haut de page + Rappel du menu */
	float: left;
	width: 1000px;
	height: 50px;
	margin-top: 33px;
	padding-top: 33px;
	background: url(../gfx/background-footer.jpg) no-repeat;
	text-align: center;
	font-size: 11px;
	color: #404040;
}

#footer a {
	margin-left: 5px;
	margin-right: 5px;
	color: #404040;
	text-decoration: none;
}

#footer a:hover {
	margin-left: 5px;
	margin-right: 5px;
	color: #404040;
	text-decoration: underline;
}

/* FORMULAIRE DE CONTACT + PLAN GOOGLE MAP */
#formulaire {width: 450px;}

#formulaire label {color: #FFFFFF; margin-left: -35px;}

#formulaire .champs {
	clear: both;
	width: 444;
	padding-left: 5px;
}

#formulaire .btenvoyer {
	width: 108px;
	height: 33px;
	margin-left: 300px;
	margin-bottom: 25px;
	border: none;
	cursor:hand;
	background: url(../gfx/bt-envoyer.jpg) top left no-repeat;
}

#formulaire .btenvoyer:hover {
	width: 108px;
	height: 33px;
	border: none;
	cursor:hand;
	background: url(../gfx/bt-envoyer.jpg) top right no-repeat;
}

#contactForm label.error {
	margin-left: 10px;
	width: auto;
	display: inline;
	color:red;
}

#contactForm label {
	width:200px;
	padding-left: 35px; 
}

#googlemap {
	margin-left: 5px;
	width: 450px;
	height: 400px;
}

#googlemap a {
	font-size: 11px;
	color: #FFFFFF;
	text-decoration: underline;
	margin-top: 10px;
}


/* ACTUALITES */
.lienlieuexpo {
	font-size: 11px;
	color: #7c7c7c;
	padding-bottom: 12px;
}

#encart {
	width: 450px;
	height: 154px;
	float: left;
	background-color: #121212;
	margin-bottom: 25px;
}

.titre {
	background-color: #242424;
	color: #FFFFFF;
	font-size: 13px;
	font-weight: bold;
	text-align: left;
	padding-left: 20px;
}

#encart h2 {
	font-size: 15px;
	margin: 0px;
	padding: 0px;
}

#encart2 {
	width: 420px;
	height: 154px;
	float: left;
	background-color: #121212;
	margin-bottom: 25px;
}

#encart2 h2 {
	font-size: 15px;
	margin: 0px;
	padding: 0px;
}