body {
	margin: 0;
	background-image: url('imgs/ig/body_bg.jpg');
	background-repeat: repeat-x;
	background-position: top;
	background-color: #0079bb;
	font-family: 'Myriad Pro', 'Trebuchet MS', Sans-serif;
	color: #ffffff;
	font-size: 13px; }

img { border: 0; }

#colfix a, #colfix a:link, #colfix a:visited {
	color: #f7ff1a;
	text-decoration: underline; }

#colfix a:hover {
	text-decoration: none; }

/* ============================================= BLOCS */

#global {
	background-image: url('imgs/ig/global_bg.jpg');
	background-repeat: no-repeat;
	background-position: center top;
	padding-bottom: 40px; }

#page {
	width: 910px;
	min-height: 600px;
	margin: 0px auto auto auto; }

#header {
	font-size: 18px;
	color: #ffffff;
	height: 255px;
	text-align: right;
	padding: 7px; }

#colfix {
	overflow: auto; }

#colgauche {
	width: 160px;
	float: left;
	display: inline;
	margin-left: 10px; }

#contenu {
	width: 720px;
	float: right;
	display: inline;
	position: relative; }

.article {
	margin-right: 10px; }

.unecolonne {
	margin-left: 10px;
	margin-right: 10px; }

/* ============================================= MENUS */

#header a, #header a:link, #header a:visited {
	font-family: 'Myriad Pro', 'Trebuchet MS', Sans-serif;
	color: #ffffff;
	text-decoration: none;
	margin-left: 40px;
	padding-bottom: 8px; }

#header a:hover {
	color: #f7ff1a; }

#menu_select {
	background-image: url('imgs/ig/menu_fleche.gif');
	background-repeat: no-repeat;
	background-position: center bottom; }

/* hack css pour firefox */
html:not([lang*=""]) #menu_select { 
	padding-bottom: 6px; }

/* Hack Safari */ 
html[xmlns*=""] body:last-child #menu_select { 
	padding-bottom: 8px; }

/* ============================================= COLONNE DE GAUCHE */

#colgauche .titres {
	display: block;
	margin: 30px 0px 20px auto;
	text-align: right; }

#colgauche ul {
	margin: 0 auto 20px 0;
	padding: 0;
	padding-left: 0px;
	list-style-type: none; }

#colgauche ul li { }

#colgauche a, #colgauche a:link, #colgauche a:visited {
	color: #ffffff;
	text-decoration: none; }

#colgauche a:hover {
	color: #f7ff1a; }

#colgauche .theme_selected {
	color: #f7ff1a;
	padding-left: 3px; }

#colgauche li:active {
	color: #f7ff1a;
	padding-left: 3px; }

#recherche li:active {
	padding-left: 0px; }

.titreli {
	font-weight: normal;
	color: #f7ff1a;
	font-size: 24px; }

#colgauche li.titreli:active {
	padding-left: 0px; }


/* ============================================= FOOTER */

#footer {
	margin: 0px auto 0 auto;
	background-color: #0b0b0b;
	padding: 10px 0px 11px 0px;
	color: #a3a3a3;
	font-size: 11px; }

#infooter {
	width: 910px;
	margin: 0px auto auto auto; }

#footermention {
	float:right; }

#footer a, #footer a:link, #footer a:visited {
	color: #a3a3a3;
	text-decoration: none; }

#footer a:hover {
	color: #f7ff1a;
	text-decoration: none; }
	

/* ============================================= MISE EN PAGE GENERALE */

h1 {
	font-weight: normal;
	color: #f7ff1a;
	font-size: 26px;
	margin: 0; }

#contenu h1 a, #contenu h1 a:link, #contenu h1 a:visited {
	color: #f7ff1a;
	padding: 0px;
	text-decoration: none; }

#contenu h1 a:hover {
	color: #ffffff; }

label {
	font-size:             11px;
	display:               block;
	width:                 90px;
	float:                 left;
	text-align:            right;
	margin-right:          10px;
	vertical-align:        bottom;
	padding-top:           4px; }

select {
	background-color: #e5edf2;
	color: #0079bb;
	font-size: 12px;
	width: 220px; }

input {
	background-color: #ffffff;
	color: #0079bb;
	font-size: 12px;
	border: 0;
	width: 215px; }

textarea {
	border: 0;
	color: #0079bb;
	font-size: 12px;
	width: 220px; }

.cadre_nouscontacter {
	float: left;
	border: 1px solid #ffffff;
	margin-top: 60px;
	margin-left: 60px;
	background-color: #0079bb;
	padding: 0px 20px 0px 20px; }

.formulaire_nouscontacter {
	display: block;
	margin-left: 400px; }

.article_footer {
	border-top: 2px solid #3896ca;
	text-align: right;
	padding-top: 4px;
	margin-bottom: 25px;
	font-size: 11px; }

.commentaire {
	border-top: 1px solid #3896ca;
	padding: 10px 10px 10px 10px;
	margin: 10px 40px 20px 40px; }

#introduction {
	background-image: url('imgs/ig/intro_bg.png');
	margin-right: 10px;
	padding: 10px;
	margin-bottom: 10px;
	border: 1px solid #bed3de; }

#introduction p { opacity: 1; }

hr {
	border: 0;
	border-top: 2px solid #5baad6;
	margin-right: 10%;
	margin-left: 10%;
	margin-top: 20px;
	margin-bottom: 20px; }
	

/* ================ PRINT */

@media print
{
	#header { display: none; }
}