/* CSS document */



/*
Benoit Theriault, designer graphiste, concepteur web
ThériaultCréation
2011-12-20
*/



/* cadre */
body,
html {
	margin: 0;
	padding: 0;
	background-color: #004f96;
	color: #fff;
	font-family: Arial, Helvetica, sans-serif;
	overflow: auto;	/*overflow: hidden;*/
	font-size: 13.5px;
	}
body {
	min-width: 994px;
	/*_overflow: hidden;*/
	}
	
/* no break ligne after */
/*div,*/
form  {
	display: inline;
}
	
/* central */
#central {
	margin: auto;
	margin-bottom: 0;
	margin-bottom: -15px\0/; /* hack IE 8 et 9 */
	margin-top: 0;
	width: 994px;
	background-image: url('/img/default/central.jpg');
	background-position: 764px;
	background-repeat: repeat-y;
	}
	
/* entete */
#entete_fr {
	background-image: url('/images/entete_fr.jpg');
	background-repeat: no-repeat;
	background-position: top center;
	height: 228px;
	overflow: hidden;
	}
#entete_fr p,
#entete_fr h1,
#entete_fr h2,
#entete_fr h3,
#entete_fr h4,
#entete_fr h5,
#entete_fr h6,
#entete_fr h7 {
    padding-left: 0px;
	padding-right: 0px;
    }
#entete_en {
	background-image: url('/images/entete_en.jpg');
	background-repeat: no-repeat;
	background-position: top center;
	height: 228px;
	overflow: hidden;
	}
#entete_en p,
#entete_en h1,
#entete_en h2,
#entete_en h3,
#entete_en h4,
#entete_en h5,
#entete_en h6,
#entete_en h7 {
    padding-left: 0px;
	padding-right: 0px;
    }
#fondentete {
	background-image: url('/img/default/fondentete.jpg');
	background-repeat: repeat-x;
	height: 100%;
	width: 100%;
	background-position: top;
	overflow: hidden;
	}
    
/* navigation */
#navigation {
	background-image: url('/img/default/navigation.jpg');
	background-repeat: no-repeat;
	background-position: top center;
	height: 29px;
	width: 100%;
	text-align: center;
	font-size: 14px;
	font-family: impact, charcoal, sans-serif;
	/*font-weight: bold;*/
	color: #ccc;
	}
#navigation p,
#navigation h1,
#navigation h2,
#navigation h3,
#navigation h4,
#navigation h5,
#navigation h6,
#navigation h7 {
	padding-top: 6px;
	padding-left: 0px;
	padding-right: 0px;
	}
	
/* principal */
#principal {
	float: left;
	width: 764px;
	min-height: 717px;
	background-image: url('/img/default/principal.jpg');
	background-repeat: no-repeat;
	background-position: top center;
	}
	
#principal img {
	border-color: #ccc; /*#98cafd;*/
	margin-top: 3px;
	}
	
#principal hr {
	border: 1px solid #98cafd;
	background-color: #98cafd;
	}

#principal .marge {
	padding-left: 64px;
	padding-right: 64px;
    }
#principal h1,
#principal h2,
#principal h3,
#principal h4,
#principal h5,
#principal h6,
#principal h7 {
	padding-top: 1px;
	margin-bottom: 6px;
    }
    
/* complementaire */
#complementaire {
	float: right;
	width: 230px;
	min-height: 716px;
	background-image: url('/img/default/complementaire.jpg');
	background-repeat: no-repeat;
	background-position: top center;
	}
#complementaire .marge {
	padding-left: 24px;
	padding-right: 15px;
    }
#complementaire h1,
#complementaire h2,
#complementaire h3,
#complementaire h4,
#complementaire h5,
#complementaire h6,
#complementaire h7 {
	padding-top: 1px;
	margin-bottom: 6px;
    }
    
/* base */
#base {
	text-align: center;
	background-image: url('/img/default/base.jpg');
	background-position: top center;
	background-repeat: no-repeat;
	clear: both;
	height: 50px;
	width: 994px;
	}
#base p,
#base h1,
#base h2,
#base h3,
#base h4,
#base h5,
#base h6,
#base h7 {
	padding-top: 26px;
    }
#fondbase {
	background-image: url('/img/default/fondbase.jpg');
	background-repeat: repeat-x;
	height: 100%;
	background-position: center bottom;
	overflow: hidden;
	width: 100%;
	}

/*h1,*/
h2,
h3,
h4,
h5,
h6,
h7 {
	margin-bottom: 2px !important;
	}

/* lien */
a { 
	outline: none; 
	text-decoration: none;
}
a:link {
	color: #FF6;
}
a:visited {
	color: #FF6;
}
a:hover {
	color: #cc6;
}
a:active {
	color: #666;
}
#navigation #hover {
	color: #FFF;
	border: 1px solid #666;
	background-color: #333;
	padding-left: 6px;
	padding-right: 6px;
	margin-left: 1px;
	margin-right: 1px;
}
#navigation a:hover {
	color: #ff9;
	border: 1px solid #666;
	background-color: #333;
}
#navigation a:active {
	color: #666;
	border: 1px solid #666;
	background-color: #333;
}
#navigation a { 
	border: 1px solid transparent;
	padding-left: 6px;
	padding-right: 6px;
	margin-left: 1px;
	margin-right: 1px;
}



/* typographie */
h1,
h2,
h3,
h4,
h5,
h6,
h7 { 
	font-family: impact, charcoal, sans-serif;
	font-weight: normal;
	color: #cccc66;
}
.tresgrandtitre {
	font-size: 23px;
	color: #000;
}
.grandtitre {
	font-size: 20px;
	color: #000;
}
.titre {
	font-size: 18px;
	color: #000;
}
.petittitre {
	font-size: 15px;
	color: #000;
}
.soustitre {
	font-size: 14px;
	color: #333;
}
.exergue {
	font-size: 13px;
	color: #000;
}
.intertitre {
	font-size: 13px;
	color: #000;
	font-weight: bold;
}
.texte {
	/*line-height: 140%;*/
	font-size: 12px;
	color: #fff;
}
.note {
	font-size: 11px;
	color: #fff;
	font-weight: bold;
}
.legal *,
.legal {
	font-size: 11px;
}
.legal {
	color: #999;
}

input {
	font-size: 11px;
}

p {
margin-top: 0;
}

.cadragemillieu img {
	border-color: transparent !important;
	border: 0 !important;
	margin: 0 !important;
}
.cadragehaut {
	background-image: url('/img/default/cadragehaut.png');
	background-position: top center;
	background-repeat: no-repeat;
	height: 9px;
	width: 639px;
	behavior: url('/js/iepngfix.htc'); 
}
.cadragemillieu {
	background-image: url('/img/default/cadragemillieu.png');
	background-position: center center;
	background-repeat: repeat-y;
	width: 639px;
	text-align: center;
	behavior: url('/js/iepngfix.htc'); 
}
.cadragebas {
	background-image: url('/img/default/cadragebas.png');
	background-position: top center;
	background-repeat: no-repeat;
	height: 19px;
	width: 639px;
	behavior: url('/js/iepngfix.htc'); 
}


/* end */