/* CSS Document by Meridian Communication */
/* http://memoiretraumatique.org/ 2009 */


/* ------------------------------------------------------------------------ */
/* >>>>>>>>>>>>>   aide couleurs                                       <<<< */
/* ------------------------------------------------------------------------ */

/* Colors Help {}*/

/* ------------------------------------------------------------------------ */
/* >>>>>>>>>>>>>   generalites                                         <<<< */
/* ------------------------------------------------------------------------ */

HTML{font-size: 100%; font-weight:normal;}

/* La taille de base sera de 10px avec les valeurs par defaut de police du navigateur */
body{font: 0.625em/1em Arial, Verdana, sans-serif; color:#000;}

h1,h2,h3,h4,h5,h6 {font-weight:normal}
strong {font-weight:bold;}
input, select, textarea{font-size: 100%;margin:0;padding:0;}

/* ------------------------------------------------------------------------- */
/* >>>>>>>>>>>>>   classe                                       <<<<<<<<<<<< */
/* ------------------------------------------------------------------------- */

.curved {
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius: 10px;
	behavior:url(css3/border-radius.htc); /* ie fix */
}
.shadow {
	-moz-box-shadow: 10px 10px 20px #000;
	box-shadow: 10px 10px 20px #000;
	behavior: url(css3/box-shadow.htc);/* ie fix */
}
.lissage {
    -ms-interpolation-mode: bicubic; /*lisse les images rediementionnées sous IE7*/
}
.opacite {
     background-color: rgb(0, 0, 0); /* #000 */
     background-color: rgba(0, 0, 0, 0.5); /*  #000 50% */
}

.displaynone {display:none}
.clear {clear:both}
	
.inlineblock {
	display:-moz-inline-stack;/* firefox 1 et 2 */ /* l'élément en display: -moz-inline-stack, doit avoir un seul enfant */
	display: inline-block;
}

#page {position:relative; display:block; width: 960px; margin:0 auto;padding:0 0 20px 0;background:url(images/sidebar-fond.png) repeat-y 0 0;overflow:hidden;}

a          { color: #7AAF2F; }
a:link     { color: #7AAF2F; }
a:visited  { color: #7AAF2F; }
a:focus    { color: #7AAF2F; }
a:hover    { color: #7AAF2F;text-decoration:underline; }
a:active   { color: #7AAF2F; }

/* ------------------------------------------------------------------------- */
/* >>>>>>>>>>>>>   entete                                       <<<<<<<<<<<< */
/* ------------------------------------------------------------------------- */

#entete {width:270px;overflow:hidden;float:left;min-height:660px;}
#entete h1 {height:113px;}
#entete h1 a {height:0;padding-top:113px;overflow:hidden;background:url(images/logo.png) no-repeat 0 0;display:block;}

#entete #recherche {height:17px;padding:15px 45px 20px 45px;overflow:hidden;}
#entete #recherche #ajaxSearch_input {height:13px;width:130px;padding:5px 4px;margin:0;float:right;color:#808080;font-size:1.1em;border:0 none;}
#entete #recherche #ajaxSearch_submit {height:27px;width:27px;padding:0;margin:0 10px 0 5px;background:url(images/sidebar-recherche.png) no-repeat 0 -2px;border:0 none;cursor:pointer;}

#entete .menu {padding:0 24px 0 20px;margin-bottom:25px;overflow:hidden;}
#entete .menu ul li {padding:12px 0 12px 20px;margin:0 0 5px 0;overflow:hidden;}
#entete .menu ul li.active a {color:#fff;}
#entete .menu ul li a {line-height:1.2em;font-size:1.2em;color:#000;display:block;text-decoration:none}
#entete .menu ul li a:hover {color:#fff;text-decoration:underline}

#entete .menu.main ul li {background:#7AAF2F url(images/sidebar-menu.png) no-repeat 0 0;}

#entete .menu.sub ul li {background:#fff url(images/sidebar-icone.png) no-repeat 0 8px;padding:12px 0 12px 60px;}
#entete .menu.sub ul li#item21 {background:#fff url(images/sidebar-icone.png) no-repeat 6px -34px;}
#entete .menu.sub ul li.active a {color:#7AAF2F;}
#entete .menu.sub ul li a:hover {color:#7AAF2F;}

#entete #contact {padding:0 24px 0 20px}
#entete #contact p {font-size:1.2em;line-height:1.2em;color:#000;}


/* ------------------------------------------------------------------------- */
/* >>>>>>>>>>>>>   contenu                                      <<<<<<<<<<<< */
/* ------------------------------------------------------------------------- */

#contenu {overflow:hidden;}


/* ------------------------------------------------------------------------- */
/* >>>>>>>>>>>>>   global                                       <<<<<<<<<<<< */
/* ------------------------------------------------------------------------- */

a.top {color:#7AAF2F;font-size:1.2em;line-height:1.2em;background:url(images/flecheTop.png) no-repeat right center;padding-right:15px;text-decoration:none}
a.top:hover {text-decoration:underline}

#contenu h2 {padding:50px 20px 20px 20px;border-bottom:20px solid #B9DAA4;font-size:2.2em;line-height:1.1em;color:#7AAF2F;font-weight:bold;text-transform:uppercase;}

#contenu #subMenu {padding:0 20px;position:relative;top:-15px;margin-bottom:20px;}
#contenu #subMenu ul {overflow:auto;height:100%;}
#contenu #subMenu ul li {padding:10px;margin-right:10px;background:#7AAF2F;float:left}
#contenu #subMenu ul li a {color:#000;font-size:1.3em;text-transform:uppercase;font-weight:bold;text-decoration:none}
#contenu #subMenu ul li a:hover {text-decoration:underline;color:#fff;}
#contenu #subMenu ul li.active a {color:#fff;}

#contenu #contenuTexte {padding:0 20px;overflow:hidden;}

#contenu #contenuTexte .theme {position:relative;margin-top:30px;}
#contenu #contenuTexte .theme a.top {position:absolute;top:5px;right:0;}

#contenu #contenuTexte h3 {background:url(images/bordure-verte.png) repeat-x left bottom;margin:0 0 15px 0;padding-bottom:5px;font-size:1.8em;line-height:1.1em;text-transform:uppercase;font-weight:bold;}
#contenu #contenuTexte h4 {color:#7AAF2F;font-size:1.3em;line-height:1.3em; margin-bottom:10px; margin-top:10px; text-transform:uppercase}
#contenu #contenuTexte h5 {color:#000;font-size:1.3em;line-height:1.1em; margin-bottom:10px; margin-top:10px; font-weight:bold}

#contenu #contenuTexte img {float:right;margin:10px 0 10px 10px;}
#contenu #contenuTexte p {font-size:1.2em;line-height:1.3em;margin-bottom:15px;}
#contenu #contenuTexte em {font-style:italic}
#contenu #contenuTexte ul {margin-bottom:15px;}
#contenu #contenuTexte ul li {font-size:1.2em;line-height:1.2em;margin-bottom:3px;margin-left:30px;padding-left:0px; list-style-type:disc; list-style-position:outside}
#contenu #contenuTexte ol {margin-bottom:15px;}
#contenu #contenuTexte ol li {font-size:1.2em;line-height:1.2em;margin-bottom:3px; margin-left:30px;padding-left:0px; list-style-position:outside; list-style-type:decimal}

#contenu #contenuTexte ul li ul,
#contenu #contenuTexte ul li ol,
#contenu #contenuTexte ol li ol,
#contenu #contenuTexte ol li ul {margin-top:5px;}

#contenu #contenuTexte ul li ul li,
#contenu #contenuTexte ul li ol li,
#contenu #contenuTexte ol li ol li,
#contenu #contenuTexte ol li ul li {font-size:1em;}

#contenu #contenuTexte .news h4 {background:url(images/bordure-verte.png) repeat-x left bottom;padding-bottom:5px;font-size:1.8em;line-height:1em;font-weight:bold;font-style:italic;color:#000;}

#contenu #contenuTexte .news {margin:0px 0 35px 0;}
#contenu #contenuTexte .news h5 {color:#7AAF2F;font-size:1.2em;line-height:1.4em;}
#contenu #contenuTexte .news p {margin:0;}
#contenu #contenuTexte .news a.lire {color:#7AAF2F;display:block;text-decoration:none}
#contenu #contenuTexte .news a.lire:hover {text-decoration:underline}

#contenu #contenuTexte .theme.actu h3 {color:#7AAF2F;background:none;padding:0;}
#contenu #contenuTexte .theme.actu .news {position:relative;}
#contenu #contenuTexte .theme.actu .news h4 {font-style:normal;}


/* E form
-------------------------------------------------*/
#EmailForm { margin-top:15px;padding-top:15px;}
#EmailForm .displaynone{display:none; }

#EmailForm input.text {display: inline;font-size:1.3em; width: 50%; border:1px solid #808080;margin-bottom: 10px;padding:5px;background:#B9DAA4;color:#808080;float:left;margin-right:5px;}
#EmailForm input.radio {margin:0 5px;}

#EmailForm textarea {display: inline;font-size:1.4em; width: 90%;height:150px;padding:5px; border:1px solid #808080; margin-bottom: 10px;color:#808080; background:#B9DAA4;font-family:arial;float:left;margin-right:5px;}
#EmailForm select {display: inline;font-size:1.3em; width: 250px; border:1px solid #808080; margin-bottom: 10px; }

#EmailForm label {display: block; width:110px; float:left; margin-bottom: 10px; text-align: left;padding-right: 10px; font-size:1.2em; line-height:1.5em;color:#7AAF2F;font-weight:bold}

#EmailForm input#cfContact {border:none;text-transform:uppercase;font-weight:bold;padding:0;cursor:pointer;line-height:1.2em;background-color:#7AAF2F;color:#000;padding:7px 10px;width:100px;text-align:center;border:1px solid #808080;margin-left:497px;font-size:1.1em}
#EmailForm input#cfContact:hover {color:#fff;cursor:pointer;}

#EmailForm input:hover ,
#EmailForm textarea:hover {border-color:#000;}

#EmailForm br {clear:both;}

#EmailForm p.floatleft { display:inline; font-size:1.1em; position:relative;top:-9px;}

#EmailForm .required,
#EmailForm input.required,
#EmailForm textarea.required {border-color:#E2001A;border-width:2px}

#EmailForm .red {color:#E8280F;}
.errors {color:#000;font-weight: bold;margin-bottom:10px;font-size:1.2em;line-height:1.2em;}
.errors strong {color:#E2001A}









#id26 p {margin-bottom:10px;}
#id26 .AS_ajax_resultsIntroFailure, .template27 .ajaxSearch_result a {font-size:1.2em;line-height:1.2em;}
#id26 span {font-weight:bold;text-transform:uppercase;}
#id26 p.ajaxSearch_resultsInfo {margin:0 0 20px 0;}
#id26 .ajaxSearch_paging {margin:0 0 10px;}
#id26 span.ajaxSearch_paging {bottom:0;font-size:1.2em;font-weight:normal;position:absolute;right:0;}
#id26 span.ajaxSearch_paging a {color:#7AAF2F;}
#id26 .ajaxSearch_resultLink {font-size:1.2em;line-height:1.2em;text-transform:uppercase;text-decoration:none;font-weight:bold}
#id26 .ajaxSearch_resultLink:hover {text-decoration:underline}

#id26 .ajaxSearch_resultExtract {font-size:0.9em;}