/* General ==================================================================*/

* {
	margin: 0;
	padding: 0;
}

body {
	background: white;
	font-family: Verdana;
	color: #000;
	font-size: 0.75em;
	text-align: center;
}

img { 
	behavior: url("../js/pngbehavior.htc");
	border: none;
}

p {
	margin: 0 0 15px;
	line-height: 1.4em;
}

h1 {
	font-size: 130%;
	margin-bottom: 15px;
}

h2 {
	font-size: 125%;
	margin: 20px 0 10px;
}

h3 {
	font-size: 110%;
	margin-bottom: 10px;
}

h4 {
	font-size: 105%;
	color: #b9b9b9;
	margin-bottom: 4px;
}

a:link {
	text-decoration: none;
	color: #3a8ba9;
}

a:visited {
	text-decoration: none;
	color: #6e298d;
}

a:hover {
	text-decoration: underline;
	background: none;
}

ul.menu a:visited, ul#menu_gauche a:visited {
	color: #3a8ba9;
}
.hr hr {
	display: none;
}
.hr {
	background: url("../images/filet/filet.gif") repeat-x left top white;
	height: 1px;
	width: 286px;
	margin-bottom: 15px;
}

div.clearLeft
{
	clear:left;
}

*html .hr {
	margin-bottom: 0;
}

sup {
	font-size: 75%;
	line-height: 1px;
}

.clear {
	clear: both;
}

.invisible {
	display: none;
}

img.icoRSS {
	margin-right: 7px;
	vertical-align: middle;
}

#page {
margin: 0 auto;
background: url("../images/bg/page.jpg") no-repeat 0 75px;
width: 780px;
}

#body {
text-align: left;
padding: 0 20px 30px;
}
ul, li {
	margin-bottom: 1em;
}
ul, ul li {
list-style: none;
}

dt {
font-weight: bold;
margin: 10px 0 5px 0;
}

.bullet, dl {
margin-bottom: 10px;
}

.bullet li, dd {
background: url("../images/carre/gris.gif") no-repeat 10px 5px;
padding: 0 0 0 22px;
}
#contactez li, dd {
padding: 0 0 10px 22px;
}
.introText {
	display:none;
}
img.droite {
float: right;
margin: 5px 0 10px 10px;
border: 8px solid #ececec;
}

img.gauche {
float: left;
margin: 5px 10px 10px 0;
border: 8px solid #ececec;
}

.small {
font-size: 90%;
}

.pdf, .pdf:hover {
/*display: block;*/
margin:0;
padding:0;
padding-left: 20px;
background: transparent url("../images/pdf.gif") no-repeat left top;
padding-bottom:3px;
}


/* Menus top =================================================================*/

#top {
text-align: right;
line-height: 60px;
height: 75px;
}

#top ul {
height: 24px;
}

#top ul li  {
float: right;
line-height: 24px;
}

#top .menu {
float: right;
}

#top .menu li {
border-right: 1px solid #e5e5e5;
}

#top .menu li a {
font-size: 88%;
padding: 3px 14px 0;
letter-spacing: -1px;
display: block;
text-transform:uppercase;
}

#top .menu li.first a {
padding-left: 0;
}

#top .menu li.last {
border:none;
}

#top .menu li.last a {
padding-right: 0;
}

#top .menu li a.sel {
color: #393939;
}

#top .util {
width: 550px;
float: right;
}

#top .util img {
margin: 9px 0 0 13px;
}

input.champ_rechercher {
/*border: 1px solid #D5D3D3;*/
border-right: 0;
padding: 0 5px;
color: #000000;
width: 165px;
margin: 6px 0;
height: 16px;
}

input.rechercher {
background: url("../images/btn/rechercher.gif") no-repeat left top;
border: 0;
width: 22px;
height: 22px;
margin: 5px 0;
cursor: pointer;
}

* html input.rechercher,  { /*ie6 only */
margin-top: 4px;
}

html>body input.rechercher { /*ie7 only */
*margin-top: 4px; 
}

.wrap {
	width:530px;
}

img.pm {
	border: 8px solid #ececec;
	float:right;
	margin:0;
	padding:0;
}

/* Entete et menu principal =================================================================*/

#header {
text-align: left;
background: url("../fr/images/entete.gif") no-repeat right top;
height: 290px;
}
.en #header {
background-image: url("../en/images/entete.gif");
}
#header img {
margin: 2px 0 0 34px;
}

#header ul {
border-top: 1px solid #d2d2d2;
height: 95px;
background: url("../images/bg/nav.jpg") no-repeat left top;
/*background: url("../images/bg_nav_ph3.jpg") no-repeat left top;*/
padding: 0 20px;
margin-top: -1px;
margin-left:0;
}

#header ul li {
float: left;
width: 185px;
line-height: 15px;
}

#header ul li a {
display: block;
font-weight: bold;
padding: 22px 20px 1px 14px;
color: #393939;
text-align: left;
background: url("../images/filet/nav.jpg") no-repeat 0 0;
}

* html #header ul li a {
height: 40px;
}

#header ul li a:hover {
background: url("../images/bg/nav_hov.jpg") no-repeat 0 0;
}

#header ul li a.sel {
background: url("../images/bg/nav_sel.jpg") no-repeat 0 0;
}

#header ul li a.place {
padding-top: 20px;
}

#header ul li a:hover{
text-decoration: none;
color: #3a8ba9;
}


/* Accueil =================================================================*/

dl.breves {
margin-bottom:2.4em;
}

dl.breves dt {
color:#3A8BA9;
margin:4px 0 10px;
}

dl.breves dt, dl.breves dd {
background:none;
padding:0 0 0 110px;
width:380px;
}

dl.breves dd {
margin:0 10px 1.2em 0;
}

dl.breves dd.img {
float:left;
margin-bottom:10px;
padding:0;
width:100px;
}

dl.breves dd.img img {
border:#ececec 9px solid;
}

dl.breves dd.date {
color:#B9B9B9;
font-size:105%;
font-weight:bold;
margin-bottom:4px;
}

dl.breves dd.hr {
background:white url(../images/filet/filet.gif) repeat-x scroll left top;
float:none;
padding:0;
width:286px;
}

dl.breves dd.clearLeft {
clear:left;
}

ul.communiques, ul.pm, ul.vid {
padding-bottom: 10px;
width: 470px;
float:left;
}


.communiques li, .pm li {
margin: 0 0 10px 20px;
list-style-image: url("../images/fleche/grise.gif");
color: #747072 !important;
}

.vid li a {
height: 96px;
margin-bottom: 10px;
}

.vid li img {
border: 7px solid #ececec;
float: left;
margin: 0 10px 10px 0;

}

#promos_accueil {
float: right;
margin-left: 30px;
position: relative;
width: 237px;
margin-bottom: 100px;
}

#promos_accueil div {
padding-bottom: 30px;
}

.fonce img, .clair img, .medium img {
margin-left: 9px;
}

div.clair {
background: #f1f1f1;
margin-top: -20px;
color: #434343;
width:237px; /* pour contrer le Peekaboo bug */
}

div.medium {
background: #d6d5d5;
color: #434343;
}

div.fonce {
background: #888b8d;
color: white;
margin-top: -20px;
width:237px; /* pour contrer le Peekaboo bug */
}

#promos_accueil h1 {
font-size: 105%;
padding: 10px 20px 0 30px;
}

* html #promos_accueil h1 {
height: 1px;
}

#promos_accueil div.medium.endirect h1 {
height: 48px;
margin-bottom: 0;
padding-left: 0;
}

#promos_accueil div.medium.endirect h1 img {
float: left;
margin-right: 4px;
}

#promos_accueil div.medium.endirect h1 span {
display: block;
margin: 11px 0;
}

#promos_accueil div.medium.endirect h1 a {
font-weight: bold;
}

#promos_accueil div.medium.endirect a {
font-weight: normal;
}

#promos_accueil div.medium.endirect a.texte {
color: #434343;
}

#promos_accueil div.medium.endirect a.texte:hover {
text-decoration: none;
}

div.medium h1 {
background: url("../images/coin/medium.gif") no-repeat left top;
}

div.clair h1 {
background: url("../images/coin/clair.gif") no-repeat left top;
}

div.fonce h1 {
background: url("../images/coin/fonce.gif") no-repeat left top;
}

div.clair.interieur h1 {
background: url("../images/coin/clair_interieur.gif") no-repeat left top;
}

div.medium.interieur h1 {
background: url("../images/coin/medium_interieur.gif") no-repeat left top;
}

#promos_accueil p {
margin: 10px 30px;
font-size: 95%;
line-height: 15px;
}

#promos_accueil ul {
	padding-right:30px;
}

#promos_accueil a {
font-weight: bold;
}

.fonce a {
color:#9ee0f8; 
}

.fonce a:visited {
color: #6e298d;
}


div.medium li, div.clair li, div.fonce li {
list-style-image: url("../images/fleche/bleue.gif");
font-size: 95%;
margin: 0 0 10px 30px;
}

div.medium li.hyperlienVideo, div.clair li.hyperlienVideo, div.fonce li.hyperlienVideo {
list-style-image: url("../images/fleche/video.gif");
}

div.fonce li {
list-style-image: url("../images/fleche/grise.gif");
}


.fonce li a {
font-weight: normal !important;
}

.clair li a {
color: #434343 !important;
font-weight: normal !important;
}

.clair li a:hover {
color: #3a8ba9 !important;
}

img.pied_promo {
position: absolute;
bottom: 0;
left: 0;
z-index: 100;
}

* html img.pied_promo {
margin-bottom: -1px;
}

a.toutes_actu {
background: url("../images/btn/toutes_actu.gif") no-repeat left top !important;
border-top: 1px solid #d2d2d2;
color: #393939 !important;
font-weight: bold;
padding:8px 291px 8px 25px;
width:420px;
}

a.toutes_actu:hover {
color: #3a8ba9 !important;
text-decoration: none;
}

/* Explorer la Francophonie =================================================================*/

#body.margin {
margin-left: 250px;
}

#menu_gauche {
float: left;
width: 220px;
text-align: left;
line-height: 13px;
}

*html #menu_gauche li {
height: 1px;
margin-top: -2px;

}
#menu_gauche li {
margin-bottom: 0;
}
#menu_gauche li a {
display: block;
padding: 12px 20px 10px 34px;
border-top: 1px dotted #bbbaba;
background: url("../images/fleche/grise.gif") no-repeat 16px 13px white;
font-size: 95%;
}

#menu_gauche li a.sel {
background:#F8F8F8 url(../images/fleche/grise.gif) no-repeat scroll 16px 13px !important;
color: #464646;
}
#menu_gauche li ul li a.sel {
background:none!important;
color: #464646;
}
*html #menu_gauche li a{
background: url("../images/fleche/grise.gif") no-repeat 16px 14px !important;
}

*html #menu_gauche li a.sel {
background-color: #f8f8f8 !important;
}

#menu_gauche li ul li {
	margin-left: 28px;
	font-size: 90%;

}
#menu_gauche li ul a {
	background:transparent url(../images/carre/gris.gif) no-repeat scroll 5px 10px !important;
		border-top: none;
		padding: 5px 10px 5px 18px;
}
div.savoir_davantage {
background: url("../images/bg/savoir_dav_treslarge.gif") no-repeat left bottom #F1F1F1;
padding-bottom: 30px;
margin-top: 35px;
font-size: 95%;
}

#body.margin div.savoir_davantage{
background: url("../images/bg/savoir_dav.gif") no-repeat left bottom #F1F1F1;
}

div.savoir_davantage h3 {
padding: 10px 30px 0;
background: url("../images/coin/savoir_dav.gif") no-repeat left top;
}

div.savoir_davantage li {
margin: 0 20px 8px 48px;
padding:0;
list-style-image: url("../images/fleche/grise.gif");
}

div.savoir_davantage p {
padding: 10px 30px 0;
}

div.large {
background: url("../images/bg/savoir_dav_large.gif") no-repeat left bottom #F1F1F1;
}


/* Plan du site et liens utiles =================================================================*/

.plan, .liens {
margin-bottom: 20px;
}

.plan li, .liens li {
margin: 0 0 5px 5px;
}

.plan li a, .liens li a, .plan li a:hover, .liens li a:hover {
background: url("../images/carre/gris.gif") no-repeat 5px 5px !important;
padding-left: 17px;
}

ul.plan li ul {
padding-left:17px;
}

ul.plan li ul li {

margin-top:5px;
}

ul.plan li ul li a, ul.plan li ul li a:hover {

}

.plan li a.sel {
color: #878787;
cursor: none;
text-decoration: none;
}

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



#contactez dt {
font-weight: normal;
float: left;
width: 100px;
text-align: right;
padding-right: 10px;
margin-top: 3px;
}

#contactez dd {
background: none;
}

#contactez dd.pied input {
background: #f4f4f4;
padding: 5px;
border: 1px solid #d5d4d4;
color: #6ca7bd;
font-weight: bold;
}

/* Communiqus =================================================================*/

ul.contacts_protocole li {
float: left;
width: 140px;
margin-bottom:30px;
margin-right: 55px;
}

ul.contacts_protocole li strong {
padding: 8px 0;
display: block;
}

/* Videos =================================================================*/

.scalableFlash{
float: left;
width: 320px;
margin: 0 20px 50px 0;
}

scalableFlash1
{
	margin:0;
	padding:0;
	width:360px;
}

/* Pied =================================================================*/

#foot {
color: #bbbaba;
clear: both;
font-size: 95%;
padding-bottom: 50px;
}

#foot img {
margin: 0 15px 10px;
}

/* Boites Images =================================================================*/


.conteneurImage {
margin:0;
padding:0;
float:left;
}

.imageEtLegende  {
padding:0;
font-size:0.75em;
color:#b9b9b9;
text-align:left;
margin-bottom:10px;
float:left;
margin-right:19px;
}

.imageEtLegende p {
margin:4px 0 0 0;
padding:0;
line-height:1;
}

.imageEtLegende img {
margin:0;
padding:0;
border: 8px solid #ececec;
}

#promos_accueil p.Legende {
color:#b9b9b9;
font-size:0.75em;
line-height:1;
margin-top:4px;
}

.paysage{
width:206px;
}

.portrait{
width:128px;
}

.alignDroite
{float:right}

.alignGauche
{float:left}

div.logoInline{
/*border:1px solid red;*/
width:auto;
padding-left:10px;
padding-bottom:20px;
}

div.logoInline img {
border:none;
}


/* Formulaire =================================================================*/

.erreur {
color:#f00;
}


/* Tableau =================================================================*/

table.dates {
background-color:#000000;
width:auto;
}

table.dates th, table.dates td {
background-color:#FFFFFF;
padding:5px;
vertical-align:top;
}

div.mois {
background: url("../images/bg/page.jpg") no-repeat;
margin:1.2em 0;
padding:1.2em;
}

div.mois h2 {
color:#b9b9b9;
font-size:100%;
line-height:1.6em;
margin-top:0;
position:relative;
}

div.mois h2 span.mois {
color:#8dc643;
display:block;
font-family:Arial, Helvetica, sans-serif;
font-size:250%;
text-transform:uppercase;
}

div.mois table, div.mois table th, div.mois table td {
padding:0.5em;
}

div.mois table th {
vertical-align:top;
width:20%;
}

/* Colonne de droite pour afficher des images ===============================================*/
.col_droite {
            width: 200px;
            float: right;
}
 
.col_droite .imageEtLegende{
            width: 200px;
            margin: 0px 0 20px 0;
            padding: 0px;
            display: inline;
            clear:both;
}
.col_droite .imageEtLegende p{
            padding-bottom: 1px;
}