/* --- STYLES DE BASE POUR LE TEXTE ET LES PRINCIPAUX LMENTS --- */

/* Page */

body {
	margin:0;
	padding:0;
	font-family: Arial, Verdana, Helvetica, "Nimbus Sans L", sans-serif;
	font-size: 12px;
	color: #828282;
	background: #fff url(../images/bg.gif) top center no-repeat scroll;
}

/* Titres */
h1, h2, h3, h4, h5, h6 {
	margin: 15px 0 10px 0;
}
h1, h2 {
	font-weight: normal;
}
h1 {
	color:#828282;
/*	font-family:"Times New Roman",Times,serif; */
	font-size:24px;
	font-weight:normal;
	margin:0;
	padding:0;
}
h2 {
	color:#828282;
/*	font-family:"Times New Roman",Times,serif; */
	font-size:17px;
	font-weight:bold;
	margin-top:0px;
}
h3 {
	color:#828282;
	font-size:18px;
	font-weight:normal;
	padding:0;
}
h4 {font-size: 1em;}

/* Listes */
ul, ol {
	margin: 10px 0 10px 20px;
	padding: 0;
}
ul {
	list-style: square;
	margin: 0;
	padding: 0;
}
li {
	margin: 0;
	padding: 0;
}

/* Paragraphes */
p {
	margin: 10px 0;
}
li p, blockquote p {
	margin: 10px 0;
}

/* Citations */
blockquote, q {
	font-size: 1.1em;
	font-style: italic;
}
blockquote {
	margin: 10px 0 10px 20px;
}
cite {
	font-style: italic;
}

/* Liens */

a {
	color: #828282;
	text-decoration: underline;
}

a:hover, a:focus {
	text-decoration: none;
}

a img {
	border: none;
}

a.lien {
	color: #2A87A0;
	text-decoration: underline;
}

a.lien:hover, a.lien:focus {
	text-decoration: none;
}

a.telecharger-pdf {
	color: #828282;
	text-decoration: underline;
	background:url(../images/fond-telecharger-pdf.gif) no-repeat left;
	float:right;
	width:108px;
	line-height:51px;
	height:51px;
	padding-left:58px;
	margin-left:60px;
}

a.telecharger-pdf:hover {
	text-decoration: none;
}


/* Divers lments de type en-ligne */
em {
	font-style: italic;
}
strong {
	font-weight: bold;
}

/* ------ STYLES ------ */

.container {
	width:100%;
	clear:both;
}

.contenu {
	margin:0 auto;
	width:704px;
}

/*-- HEADER --*/

#entete {
	height:376px;
	background:transparent url(../images/bg_header.jpg) 0 0 no-repeat scroll;
}

#entete2 {
}

#img_header {
	position:relative;
	background:transparent url(../images/img_header.jpg) 0 0 no-repeat scroll;
	height:328px;
	width:700px;
	margin:0 auto;
}

#img_header_pf {
	position:relative;
	background:transparent url(../images/img_header_pf.jpg) bottom left no-repeat scroll;
	height:202px;
	width:700px;
	margin:0 auto;
}

#img_header_savoirplus {
	position:relative;
	background:transparent url(../images/img_header_savoirplus.jpg) bottom left no-repeat scroll;
	height:202px;
	width:700px;
	margin:0 auto;
}

#img_header_role {
	position:relative;
	background:transparent url(../images/img_header_role.jpg) bottom left no-repeat scroll;
	height:202px;
	width:700px;
	margin:0 auto;
}

#img_header_infos {
	position:relative;
	background:transparent url(../images/img_header_infos.jpg) bottom left no-repeat scroll;
	height:202px;
	width:700px;
	margin:0 auto;
}

#img_header_contact {
	position:relative;
	background:transparent url(../images/corem_contact.jpg) bottom left no-repeat scroll;
	height:202px;
	width:700px;
	margin:0 auto;
}

#logo {
	background:transparent url(../images/logo.png) 0 0 no-repeat scroll;
	height:133px;
	width:290px;
	position:absolute;
	top:97px;
	left:0px;
}

#logo_tr {
	background:transparent url(../images/logo_tr.png) 0 0 no-repeat scroll;
	height:133px;
	width:290px;
	position:absolute;
	top:50px;
	left:0px;
}

.logo_savoir {
float:left;
}

a.centprcent {
	display:block;
	width:100%;
	height:100%;
}

/* menu haut */

#menu_bg {
	background:transparent url(../images/bg-menu.jpg) 0 0 no-repeat scroll;
	width:700px;
	height:12px;
	margin:0 auto;
	padding:14px 0;
}

ul#menu_header {
	list-style:none;
	margin:0 auto;
	text-transform:uppercase;
	font-size:11px;
	color:#fff;
	width:655px;
}

ul#menu_header a{
	text-decoration:none;
	color:#fff;
}

ul#menu_header a:hover{
	text-decoration:underline;
}

ul#menu_header li {
	float:left;
	height:20px;
	color:#fff;
}

ul#menu_header .separateur {
	margin: 0 13px;
}

ul#menu_header li.active a{
	font-weight:bold;
}

ul#menu_header li.active {
}


/*-- //HEADER --*/

/*-- PAGES --*/

#centre {
	width:704px;
	background:url(../images/border.gif) repeat-y scroll 0 0 transparent;
	height:499px;
}

#centre2 {
	width:704px;
	background:url(../images/bg_contenu.gif) no-repeat scroll 0 0 transparent;
	margin-top:15px;
	height:691px;
	overflow:hidden;
}

#centre3 {
	width:704px;
	background:url(../images/bg_contenu2.gif) no-repeat scroll 0 0 transparent;
	margin-top:15px;
	height:auto;
	overflow:hidden;
}

#bas_cadre {
	width:704px;
	background:url(../images/bg_contenu_bas.gif) no-repeat scroll 0 0 transparent;
	height:10px;
	margin:0 auto;
}

/* gauche */

#col_gauche {
	float:left;
	color:#828282;
	padding:0 30px;
	width:233px;
}

#col_gauche p {
	color:#828282;
	margin:25px 0;
	line-height:25px;
	text-align:right;
}

/* contenu */

#centre #contenu {
	margin:0;
	margin-left:293px;
}

#centre2 #contenu {
	padding:20px 30px;
}

#centre3 #contenu {
	padding:20px 30px;
}

h1#declaration {
	padding-left:25px;
	background:url(../images/fleche_h1.gif) no-repeat scroll 2px 8px transparent;
	font-family: Arial, Helvetica, Verdana, "Nimbus Sans L", sans-serif;
	font-size:24px;
	font-weight:bold;
	color:#9F9F9F;
}

h2#soustitre {
	font-family: Arial, Helvetica, Verdana, "Nimbus Sans L", sans-serif;
	font-size:17px;
	font-weight:bold;
	color:#2A87A0;
	margin-top:10px;
}

.important {
	color:#2A87A0;
}

.separateur {
	background:url(../images/separateur.gif) repeat-x center center transparent;
}

li.separateur {
	background:none;
}

.pointillet {
	background:url(../images/pointillet.gif) repeat-x center center transparent;
	clear:both;
}

#bg_droite {
	min-height:404px;
	padding:38px 48px;
	background:url(../images/bg-droite.jpg) no-repeat scroll top left transparent;
}

#centre #contenu table{
	background:url(../images/bg_tableau2.gif) no-repeat scroll 7px 50% transparent;
}

#centre2 #contenu table{
	background:url(../images/bg_tableau1.gif) no-repeat scroll 50% 50% transparent;
}

#centre3 #contenu table{
	background:url(../images/bg_tableau1.gif) no-repeat scroll 50% 50% transparent;
}

#contenu table td{
	padding:20px 10px 20px 15px;
	vertical-align:top;
}

#contenu table tr.line1 td{
	padding: 0 10px 20px 15px;
	vertical-align:top;
}

#contenu table tr.line3 td{
	padding: 20px 10px 0 15px;
	vertical-align:top;
}

#contenu table tr.line1img td{
	padding:0 10px 10px 15px;
	vertical-align:middle;
}

#contenu table tr.line2img td{
	padding:20px 10px 0 15px;
	vertical-align:middle;
}

#contenu table tr.line3img td{
	padding:20px 10px 0 15px;
	vertical-align:middle;
}

span.italique {
	font-style:italic;
	font-size:11px;
}

div#en_ligne {
	background:url(../images/bg_enligne.gif) no-repeat scroll 0 0 transparent;
	height:65px;
	width:620px;
	margin:25px auto;
	padding:10px;
	position:relative;
}

div#en_ligne h2{
	left:90px;
	position:absolute;
	top:30px;
	font-family:Helvetica, Arial, Verdana, "Nimbus Sans L", sans-serif;
	font-size:20px;
	font-weight:normal;
	color:#828282;
}

div#en_ligne a#cliquez_ici{
	display:block;
	height:56px;
	width:136px;
	background:url(../images/cliquez_ici.gif) no-repeat scroll 0 0 transparent;
	position:absolute;
	top:15px;
	right:25px;
}

div#papier {
	background:url(../images/bg_papier.gif) no-repeat scroll 0 0 transparent;
	height:399px;
	width:580px;
	margin:40px auto 10px auto;
	padding:30px;
	position:relative;
}

div#papier h2{
	margin:0 0 50px 60px;
	font-family:Helvetica, Arial, Verdana, "Nimbus Sans L", sans-serif;
	font-size:20px;
	font-weight:normal;
	color:#828282;
}

a.pdf {
	background:url(../images/pdf.png) no-repeat scroll 0 0 transparent;
	display:block;
	font-size:11px;
	height:23px;
	padding:8px 0 0 37px;
	text-decoration:underline;
	width:105px;
	margin-top:5px;
}

a.pdf:hover {
	text-decoration:none;
}

a.acrobat{
	background:url(../images/pdf.jpg) no-repeat scroll 0 0 transparent;
	display:block;
	font-size:11px;
	font-weight:bold;
	height:28px;
	margin-top:5px;
	padding:12px 0 0 50px;
	text-decoration:none;
	width:70px;
}

a.acrobat:hover {
	text-decoration:underline;
}

#centre2 #contenu table tr.line2img td{
	padding:0 10px 0 15px;
}

#centre2 #contenu table tr.line2 td{
	padding:0 10px 15px 15px;
	vertical-align:top;
}

/* contact */

#centre_contact {
	width:704px;
	background:url(../images/bg_contact.jpg) no-repeat scroll 0 0 transparent;
	margin-top:15px;
	height:670px;
	overflow:hidden;
}

#centre_contact #contenu_contact {
	padding:20px 0 0 30px;
	width:426px;
	float:left;
}

#contenu_contact p {
	padding-left:3px;
}

#contenu_contact .red {
	color:#F54136;
	font-size:10px;
}

#contenu_contact table {
	width:408px;
}

#contenu_contact table td{
	padding:4px;
	color:828282;
	font-weight:bold;
	font-size:12px;
}

#contenu_contact table.gris{
	background-color:#F2F2F2;
}

#contenu_contact input.text{
	border:1px solid #CBCBCB;
	width:250px;
	height:20px
}

#contenu_contact textarea{
	border:1px solid #CBCBCB;
	width:395px;
	height:200px;
}

#contenu_contact #petit {
	font-size:10px;
	font-style:italic;
}

input.btn {
	background:transparent url(../images/btn.gif) 0 0 no-repeat scroll;
	border:none;
	color:#FFFFFF;
	font-size:15px;
	font-weight:bold;
	height:25px;
	padding:0 0 4px;
	text-align:center;
	width:90px;
	float:right;
	margin-top:5px;
	cursor:pointer;
}

#centre_contact #col_droite {
	padding:20px 30px 0 15px;
	/*width:203px;*/
	margin-left:456px;
}

#num_vert {
	background:transparent url(../images/num_vert.gif) 0 0 no-repeat scroll;
	width:200px;
	padding-top:21px;
	padding-left:3px;
	color:#00A058;
	font-size:10px;
	margin:15px auto;
}

#col_droite h2{
	color:#CC0C00;
	font-size:18px;
	font-weight:normal;
	margin:7px 0;
}

#col_droite h3{
	color:#247488;
	font-size:12px;
	margin:0;
	font-weight:bold;
}

#col_droite p{
	margin:0 0 20px 0;
}

#gmaps {
/*width:199px;*/
height:233px;
background:url(../images/fond_gmap.gif) no-repeat scroll 0 0 transparent;
margin:0 auto;
padding:6px;
float:left;
}

/* /contact */

/*-- //PAGE --*/

div#bas_page {
	clear:both;
	background:url(../images/bordure_bas.gif) no-repeat scroll 0 0 transparent;
	height:3px;
	width:704px;
}


/* FOOTER */

#footer2 {
	height:44px;
	font-size:10px;
}

#footer2 a {
	text-decoration:none;
}

#footer2 a:hover {
	text-decoration:underline;
}

#footer {
	height:44px;
	font-size:10px;
}

#footer a {
	text-decoration:none;
}

#footer a:hover {
	text-decoration:underline;
}

#copyright_menu {
	margin:15px 0 0 0;
	text-align:center;
}

/* //FOOTER */