/* CSS Document */
html { margin: 0; }
body { margin: 0; padding: 0;
font-size: 11px;
line-height: 1.4em;
font-family: Verdana, Arial;
color: #606060;
background-color: #cccccc; }
#page-body { width: 980px; margin: 0 auto; }
/* Types courants */
h1, h2, h3 { margin: 0.4em 0 1em 0; padding: 0; font-weight: bold; text-align: center; }
h1 { margin-top: 1em; font-size: 1.3em; color: #3963b0; }
h2 { margin-top: 0; font-size: 1.0em; color: #3963b0; margin-bottom: 0.5em; }
h3 { margin-top: 0; font-size: 1.0em; color: #3963b0; margin-bottom: 0.5em; }
#gauche h1, #gauche h2, #gauche h3 { text-align: left; }
#gauche h1 { clear: both; }
body.menu-mission h1, body.menu-mission h2, body.menu-mission h3 { color: #3963b0 }
body.menu-expertise h1, body.menu-expertise h2, body.menu-expertise h3 { color: #39a6b0 }
body.menu-services h1, body.menu-services h2, body.menu-services h3 { color: #a86e1e }
a { font-weight: bold; color: #3963b0; }
a:link, a:visited { text-decoration: underline; }
a:hover, a:active { text-decoration: none; }
body.menu-mission a { color: #3963b0 }
body.menu-expertise a { color: #39a6b0 }
body.menu-services a { color: #a86e1e }
p { text-align: justify; margin: 0 0 1em 0; line-height: 1.5em; }
p.noMargin { margin: 0; }
em { font-weight: normal; font-style: italic; }
strong { font-weight: bold; font-style: normal; }
ul { padding: 0; margin: 0em 0 1em 25px; }
ul li { list-style-type: square; line-height: 1.4em; }
form { margin: 0; padding: 0; }
hr { border: none; border-top: solid 1px #2f2f2f; }
div.sessionMsg { border: solid 1px #3963b0; background-color: #ffffff; padding: 5px 5px 5px 45px; margin: 1em 0 1em 0; color: #000000; font-weight: normal; font-size: 1em; background-image: url(../images/common/session_info.png); background-repeat: no-repeat; background-position: 5px 5px; min-height: 32px; height:auto !important; height:32px; line-height: 1.5em; }
/* Formulaires */
.champ { font-weight: bold; margin-bottom: 0; }
.instructions { margin: 0 0 0 2em; font-size: 0.9em; padding: 3px; }
.donnee, .donnee-requise { font-weight: normal; margin: 0 0 1em 2em; display: block; }
.donnee-requise input { background-color: #ffffbb; }
.donnee-requise select { background-color: #ffffbb; }
.donnee-requise textarea { background-color: #ffffbb; }
.donnee .champ { margin-top: 1em;}
/* Grilles */
.grid { margin-bottom: 0.5em; }
.grid .header { background-color: #3963b0; border: solid 1px #ffffff;}
.grid .header th { font-weight: bold; color: white; white-space:nowrap; text-align: left; }
.grid .header th a { color: white; font-weight: bold; text-decoration: underline; }
.grid .item td, .grid .itemAlternate td { font-weight: normal; color: Black; vertical-align: top; }
.grid .item, .grid .itemAlternate { border: solid 1px #ffffff; }
.grid .item td a, .grid .itemAlternate td a { font-weight: normal; color: #190e0e; }
.grid .itemAlternate td { background-color: #d1d1d1; }
.grid .item td { background-color: white; }
/* Page shadow */
div.shadow { background-color: White; background-image: url(../images/common/drop.png); background-repeat: repeat-y; padding: 0 30px; }
/* En-tête */
#entete { padding: 0; margin: 0; text-align: center; }
/* Contenu */
#page { clear: both; margin: 0; padding: 1px 0 0 0; background-color: White; }
#page #ligne-bleue { background-color: #3963b0; height: 9px; margin: 0px 0 0em 0; }
body.menu-mission #page #ligne-bleue { background-color: #3963b0 }
body.menu-expertise #page #ligne-bleue { background-color: #39a6b0 }
body.menu-services #page #ligne-bleue { background-color: #a86e1e }
#page #gauche { float: left; width: 310px; padding: 0em 20px; vertical-align: top; }
#page #contenu { float: left; width: 510px; padding: 0em 25px 0 25px; margin: 0; vertical-align: top; border-left: solid 1px #cccccc; min-height: 350px; }
#page #contenu li { margin-bottom: 1em; }
#page #page-fin { clear: both; margin: 0; padding: 0; height: 0px; }
#page .encadre { font-size: 1em; width: 290px; min-height:90px; background-image: url(../images/common/encadre-bg.png); background-repeat: no-repeat; padding: 15px 10px; margin-bottom: 1em; }
#page .encadre h2 { color: #1c3564; margin: 0; }
#page .encadre p { color: #545555; margin: 0 0 0.5em 0; }
#menu-bas { clear: both; margin: 0 auto; background-color: white; font-size: 0.9em; background-image: url(../images/common/drop.png); background-repeat: no-repeat; padding: 0px 30px; }
#menu-bas p { text-align: center; margin: 0; padding: 4px; border-top: solid 1px #cccccc; text-align: center; }
#pied-page { clear: both; margin: 0 auto; background-color: white; font-size: 0.9em; height: 42px; background-image: url(../images/common/pied-page.png); background-repeat: no-repeat; padding: 0px 30px; }
#pied-page p { margin: 0; padding: 4px; border-top: solid 1px #cccccc; text-align: center; }
#pied-page p a.admin { color: #606060; text-decoration: none; }
/* Impression */
.printOnly { display: none; }
.screenOnly { }
/*****************************************************************************/
/* Pages */
/*****************************************************************************/
/* Accueil */
div.colonne-50 { float: left; width: 50%; }
div.colonne-50 p.photo { margin: 0; padding: 0; }
div.colonne-50 p { padding: 0 14px 0 6px; text-align: left; }
div.colonne-50 p strong { }
p.slogan { color: #1b3664; font-weight: bold; text-align: center !important; }
.nouvelles-titre { border: 0px solid gray; width:200px; height:35px; text-align:left; float: left; margin-bottom: 1em; }
.nouvelles-titre .titre { border: 0px solid gray; padding: 5px 0px 9px 5px; color:black; }
.nouvelles-bouttons { padding-top: 5px; height:20px; float: left; padding-right: 10px; }
.nouvelles-affichage { border-bottom: solid 1px gray; padding-bottom: 1em; margin-bottom: 0em; }
/* Nous joindre */
div.carte { float: left; margin: 0em 1em 1em 0; border: solid 1px black; padding: 0; }