@import url("couleurs_titres.css");

body {
	background: #FFF;
	font-family: Arial, Helvetica, sans-serif;
	color: #082782;
	font-size: 10pt; line-height: 13pt;
}

h2, h3, h4, h5, h6 { font-family: "Trebuchet MS", Verdana, Arial, sans-serif; }
p {	margin: 0 0 4pt 0; }
a {	font-weight: bold; color: #F87F13; text-decoration: none; }
img { border: 0; }
br { line-height: 12pt; }
.gras_orange { color: #F87F13; font-weight: bold;}
.droite { float: right;	padding: 3pt 0 8pt 15pt; }
.gauche { float: left; padding: 3pt 15pt 8pt 0; }

#nav, #teaser, #navrub, #menu_niv3, #utils, #pied, #content .navancre, .fermer, .aligndroite, #sommaire, .lien_fleche, #flashcontent {
	display: none;
}

#content { width: auto; border: 0; margin: 5pt; padding: 0; }

h1 {
	font: bold 14pt Verdana, Arial, Helvetica, sans-serif;
	text-align: center; margin-bottom: 25pt;
}

h2 {
	font-size: 13pt; font-weight: normal;
	margin: 15pt 0 8pt 0;
}

h3 { font-size: 11pt; font-weight: bold; color: #F87F13; margin: 8pt 0 3pt 0; }
h5 { font-size: 11pt; margin: 8pt 0 5pt 0; }

#content ul, #rea ul, #concept #teaser ul { margin: 0 0 12pt 0; padding: 0 0 0 12pt; }

#content li, #concept #teaser li { margin: 0 0 2pt 0; }


#coordonnees {
	text-align: center;
	font-size: 10pt;
	width: 50%;
	position: relative;
	margin: 0 auto;
}
#coordonnees .pvalcoord { font-weight: bold; color: #F87F13; letter-spacing: 0.1em; }

hr {
	color: #E7E7E7; background-color: #E7E7E7;
	border: 0;	margin: 12pt 0;
	height: 1pt;
}

.cleaner {	clear: both; border-bottom: 1pt solid #E7E7E7; margin-bottom: 12pt; }


/* home, nous rejoindre */
#content a.lienflechebig { color: #852196; font-weight: normal; }
#content h3 a.lienflechebig { font-weight: bold; }

/* equipe */
#content .photo_associe {
	float: right; padding: 5pt;
	border: 1pt solid #999999;	
	margin: 4pt 0 5pt 14pt;
}


/* Demarche ================================*/

/* concept monde colonne gauche */
#concept #teaser {
	display: block;	position: relative;
	font-size: 9pt;	margin-bottom: 20pt;
}
#concept #teaser br { line-height: 0pt; }

#demarche h4 { font-size: 10pt; font-weight: bold; color: #F87F13; margin: 10px 0 5px 0; }
#demarche h3 span, #demarche h2 span { color: #082782; }

.fleche_verti {	position: absolute; right: 66pt; _right: 60pt; margin-top: -2pt;}
/* vignette etape, pour impression du cadre */
#demarche #content .etape {	float: right; margin: 6pt 0 10pt 20pt; }
#demarche #content img.etape { z-index:1; position: absolute; margin: 5px 0 0 5px; }
#demarche #content .etape a { margin: 0; padding: 0; }
#demarche hr { color: #FFF; background-color: #FFF; border: 0; margin: 0; height: 12pt; }

.fleche_tablo { margin: 8pt 0 2pt 260pt; }
table {	border-collapse: collapse; }
td, th { border: 1pt solid #082782; padding: 3pt 5pt; }
th { text-align: center; height: 2.8em; }
.col1 { width: 30%; }
.col2 { width: 35%; }
.col3 { width: 35%; }

/* schema etape 4 */
.boite_haut, .boite_milieu, .boite_bas1, .boite_bas2 {
	text-align: center; border: 1px solid #FE7639; font-size: 9pt; 
}
.boite_haut p, .boite_milieu p, .boite_bas1 p, .boite_bas2 p { margin-bottom: 5px; }
.boite_haut, .boite_bas1 { width: 120pt; padding: 5pt 3pt; }
.boite_haut { margin-top: 40px; margin-bottom: -39px;}

#milieu { width: 98%; overflow: auto; }
.boite_milieu {
	float: left; width: 77pt;
	margin-right: 10pt; padding: 5pt 3pt;	
}
#milieu1 { margin-top: 57px; padding-bottom: 10px;}
#milieu2 { margin-top: 57px;}
#milieu3 { margin-top: 42px; padding: 14px 3px; }
#milieu4 { margin-top: 30px; padding: 20px 3px}
#milieu5 { margin: 0 0 10px 0; padding-top: 10px}

.boite_bas1 { margin-top: -53px; margin-bottom: 20px;}
.boite_bas2 { width: 98%; padding: 4pt; margin-bottom: 10pt; }


/* Realisations ===============================*/

#content blockquote {
	padding: 0;
	font: bold 10pt/14pt Verdana, Arial, Helvetica, sans-serif;
	margin: 0 0 5pt 180pt;
}
#content blockquote p {
	font-style: italic;
}

#rea br { line-height: 5pt; }
#rea div.hr hr { clear: both; }

#rea .left, #rea .bulle .left { float: left; width: 220pt; }
#rea .right, #rea .bulle .right { margin-left: 250pt; }
#rea .bulle { margin-top: 12pt; }

#rea h3 {
	font-weight: bold; font-size: 11pt;
	color: #082782; margin: 0;
}
#rea h4 {
	text-transform: uppercase; color: #66AA2A;
	font-size: 10pt; font-weight: bold;
	margin-bottom: 2px; margin-top: 0; 
}
#rea .bulle h4 { color: #FE7639; }
#rea .bulle ul { margin-bottom: 0; }

/* Passerelles ===============================*/

#publications #content img { float:right; margin: 2pt 0 8pt 20pt; }
#publications #content h3 { font-size: 12pt; }

/* articles */
/* titres articles */
#passerelles #content h4 { font-size: 12pt; margin: 0 0 5pt 0; }
#passerelles #content h4 a { color: #852196; padding: 0; }
/* auteur article */
#passerelles #content h4 span { font-size: 11pt; color: #082782; }
/* inter bleu */
#passerelles #content h5 { font-size: 11pt; margin: 8pt 0 5pt 0; }
#articles #content ul li { margin-left: 12pt; }
#passerelles .lien_fleche { display: block; height: 14pt; }


/* Contact ===================================*/

form { margin: 25pt 0 0 0; }
label {
	width: 150pt; float: left;
	text-align: right; margin: 2px 0.6em 0 0;
}
.input-box {
	width: 250pt; text-align: left;
	padding: 1px 2px; color: #082782;
	font-size: 1em;
	background: #F5F5F5; border: 1px solid #AA9791;
}
.note { font-size:90%; text-align:center }


/* Plan ===================================*/

#plan #content li a:link, #plan #content li a:visited { font-weight: normal; color: #082782; }
#plan ul { margin-bottom: 0; } 
#plan br { line-height: 0; }