/* CSS Document by Meridian Communication */
/* jetiensamamissionlocale.com 2009 */


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

/* Colors Help {orange:#ed6a00; violet:#72368c; jaune:#f7ca10; rose:#e3007c; bleu:#0090ce;}*/

/* ------------------------------------------------------------------------ */
/* >>>>>>>>>>>>>   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 Georgia ,"Trebuchet MS", Arial, Verdana, sans-serif; color:#000; background:#e2e1e4  url(images/fond.jpg) no-repeat fixed top center;}

input, select, textarea{font-size: 100%;}

.accessibilite {display:none}
.clear{clear:both}

#page {position:relative; display:block; width: 960px; margin:0 auto;}


/* les liens par defaut */

a          { color: #CAB3A5; }
a:link     { color: #CAB3A5; }
a:visited  { color: #CAB3A5; }
a:focus    { color: #CAB3A5; }
a:hover    { color: #DB9D41; }
a:active   { color: #000; }

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

body #page #entete {height:125px;position:relative}

body #page #entete h1{background: transparent url(images/h1-logo.png) no-repeat;height:117px;width:185px;overflow:hidden;position:absolute;left:0;top:0;}body #page #entete h1 a{height:117px;width:185px;display:block}

body #page #entete p{background: transparent url(images/p-etjeledis2.png) no-repeat;height:61px;width:147px;overflow:hidden;position:absolute;left:220px;top:20px;}
body.template3 #page #entete p{background: transparent url(images/p-etjeledis.png) no-repeat;height:106px;width:339px;overflow:hidden;position:absolute;left:220px;top:20px;}

body #page #entete h3{background: url(images/logo-unml.png) no-repeat;height:68px;width:221px;overflow:hidden;position:absolute;right:0;top:0;}
body #page #entete h3 a{height:68px;width:221px;display:block;}

body.template3 #page #entete h2{background: transparent url(images/texte-tousEmsemble.png) no-repeat;height:152px;width:273px;overflow:hidden;position:absolute;right:0;bottom:-120px;}

/* ------------------------------------------------------------------------- */
/* >>>>>>>>>>>>>   		LEFT :  MENU/newsletter                 <<<<<<<<<<<< */
/* ------------------------------------------------------------------------- */

body #page #left ul li{margin-bottom:10px;}
body #page #left ul li a{display:block;}
body #page #left ul li a span{display:none}

body #page #left ul li a#item8 {background: transparent url(images/menu-1.png) no-repeat left top;height:16px;width:185px;}
body #page #left ul li a#item9 {background: transparent url(images/menu-2.png) no-repeat left top;height:29px;width:106px;}
body #page #left ul li a#item10 {background: transparent url(images/menu-3.png) no-repeat left top;height:16px;width:57px;}
body #page #left ul li a#item11 {background: transparent url(images/menu-4.png) no-repeat left top;height:13px;width:51px;}
body #page #left ul li a#item12 {background: transparent url(images/menu-5.png) no-repeat left top;height:16px;width:99px;}
body #page #left ul li a#item13 {background: transparent url(images/menu-6.png) no-repeat left top;height:15px;width:156px;}
body #page #left ul li a#item14 {background: transparent url(images/menu-7.png) no-repeat left top;height:13px;width:78px;}
body #page #left ul li a#item15 {background: transparent url(images/menu-8.png) no-repeat left top;height:13px;width:47px;}
body #page #left ul li a#item116 {background: transparent url(images/menu-9.png) no-repeat left top;height:15px;width:89px;}

/* hover*/

body #page #left ul li a#item8:hover {background: transparent url(images/menu-1-hover.png) no-repeat;height:16px;}
body #page #left ul li a#item9:hover {background: transparent url(images/menu-2-hover.png) no-repeat;height:29px;}
body #page #left ul li a#item10:hover {background: transparent url(images/menu-3-hover.png) no-repeat;height:16px;}
body #page #left ul li a#item11:hover {background: transparent url(images/menu-4-hover.png) no-repeat;height:13px;}
body #page #left ul li a#item12:hover {background: transparent url(images/menu-5-hover.png) no-repeat;height:16px;}
body #page #left ul li a#item13:hover {background: transparent url(images/menu-6-hover.png) no-repeat;height:15px;}
body #page #left ul li a#item14:hover {background: transparent url(images/menu-7-hover.png) no-repeat;height:13px;}
body #page #left ul li a#item15:hover {background: transparent url(images/menu-8-hover.png) no-repeat;height:13px;}
body #page #left ul li a#item116:hover {background: transparent url(images/menu-9-hover.png) no-repeat left top;height:15px}

body #page #left ul li#list9{margin-bottom:7px;}
body #page #left ul li#list12{margin-bottom:20px;}
body #page #left ul li#list13{margin-bottom:5px;}
body #page #left ul li#list14{margin-bottom:7px;}
body #page #left ul li#list15{margin-bottom:7px;}
body #page #left ul li#list116{margin-bottom:20px;}
body #page #left ul li#list112{margin-bottom:0;}

/*puce fleche*/
body #page #left ul li#list8.active,
body #page #left ul li#list10.active,
body #page #left ul li#list13.active,
body #page #left ul li#list14.active,
body #page #left ul li#list116.active,
body #page #left ul li#list15.active {background:transparent url(images/puce-fleche-orange.png) no-repeat left top;position:relative;left:-20px;padding:0 0 0 20px;width:100%}

body #page #left ul li#list9.active,
body #page #left ul li#list11.active {background:transparent url(images/puce-fleche-violet.png) no-repeat left top;position:relative;left:-20px;padding:0 0 0 20px;width:100%}

body #page #left ul li#list12.active {background: transparent url(images/puce-fleche-rose.png) no-repeat left center;position:relative;left:-20px;padding:0 0 0 20px;width:100%}

/* couleur etat actif*/
body #page #left ul li#list8.active a#item8 {background: transparent url(images/menu-1-hover.png) no-repeat;}
body #page #left ul li#list9.active a#item9 {background: transparent url(images/menu-2-hover.png) no-repeat;}
body #page #left ul li#list10.active a#item10 {background: transparent url(images/menu-3-hover.png) no-repeat;}
body #page #left ul li#list11.active a#item11 {background: transparent url(images/menu-4-hover.png) no-repeat;}
body #page #left ul li#list12.active a#item12 {background: transparent url(images/menu-5-hover.png) no-repeat;}

/*sous menu*/
body #page #left ul li ul li a span{display:inline}

body #page #left ul li ul {margin: 5px 0 15px 0;}
body #page #left ul li ul li {margin:0 0 5px 0}
body #page #left ul li ul li a{font-size:1.2em;text-decoration: none;color:#000;display:inline}


body #page #left ul li#list8 ul li a:hover,
body #page #left ul li#list8 ul li.active a{color:#ed6a00}
body #page #left ul li#list8 ul li.active {background: url(images/puce-carre-orange.png) no-repeat left bottom;position:relative;left:-12px;padding:0 0 0 12px;width:100%}

body #page #left ul li#list9 ul li a:hover,
body #page #left ul li#list9 ul li.active a{color:#72368c}
body #page #left ul li#list9 ul li.active {background: url(images/puce-carre-violet.png) no-repeat left bottom;position:relative;left:-12px;padding:0 0 0 12px;width:100%}


/*newsletter*/
body #page #left h5 {width:185px;height:15px;background:url(images/newsletter.png) no-repeat ;margin-bottom:5px}
body #page #left form p,
body#id122 #page form p {height:35px;overflow:hidden;position:relative}
body #page #left form p #email,
body#id122 form p #email {width:146px;height:14px;display:block;line-height:15px;color:#000;border:1px solid #e3007c;font-size:1.1em;margin:0;padding:1px 2px 0 2px;position: absolute;left:0;top:0;}
body #page #left form p #ok {line-height:17px;color:#fff;background:#e3007c;font-size:1.2em;border:0 none;text-transform:uppercase;font-weight:bold;padding:0;margin:0;position: absolute;left:150px;top:0;cursor:pointer}
body#id122 #page form p #ok.ok2 {line-height:17px;color:#fff;background:#e3007c;font-size:1em;border:0 none;text-transform:uppercase;font-weight:bold;padding:0;margin:0;position: absolute;left:150px;top:0;cursor:pointer}
body #page #left form p a {position:absolute;left:0;bottom:0;color:#000;font-size:1.1em;text-decoration:none;line-height:1.3em;}
body #page #left form p a:hover {text-decoration:underline}


/* ------------------------------------------------------------------------- */
/* >>>>>>>>>>>>>   		LEFT/MIDDLE/RIGHT                       <<<<<<<<<<<< */
/* ------------------------------------------------------------------------- */
body #page #left {width:220px;float:left;margin-top:25px;padding-left:20px}
body #page #middle {width:400px;float:left;margin-top:25px;}
body #page #right {width:240px;float:right;margin-top:25px;}



/* ------------------------------------------------------------------------- */
/* >>>>>>>>>>>>>   		accueil : template3                     <<<<<<<<<<<< */
/* ------------------------------------------------------------------------- */
body.template3 #page #middle {background:#fff;}
body.template3 #page #middle h4 {background:#ed6a00 url(images/titre-actus.png) no-repeat left top;padding-top:32px;height:0;overflow:hidden;}

body.template3 #page #middle .billet{margin:0 15px;position:relative;top:-1px;border-top:1px solid #ed6a00;padding:10px 0;}
body.template3 #page #middle .billet p.infos {font-size:1.1em;color:#333333;margin-top:0;}
body.template3 #page #middle .billet .image {width:100px;height:150px;overflow:hidden;float:left;margin-right:5px;}
body.template3 #page #middle .billet h5 {font-size:1.4em;color:#ed6a00;line-height:1.3em;font-weight:bold;}
body.template3 #page #middle .billet h5 a{color:#ed6a00;text-decoration:none;}
body.template3 #page #middle .billet h5 a:hover{text-decoration:underline;}
body.template3 #page #middle .billet p {font-size:1.2em;color:#000;line-height:1.3em;margin:7px 0;}
body.template3 #page #middle .billet a {color:#72368c;text-decoration:underline;}
body.template3 #page #middle .billet a:hover {text-decoration:none;}

body.template3 #page #right {background:#fff;margin:180px 30px 0 0;}
body.template3 #page #right h4 {background:#72368c url(images/titre-focus.png) no-repeat left top;padding-top:30px;height:0;overflow:hidden;}

body.template3 #page #right .unedate {padding:10px 0;margin:0 15px;position:relative;top:-1px;border-top:1px solid #72368c;}
body.template3 #page #right .unedate p.date {font-size:1.2em;color:#000;line-height:1.1em;}
body.template3 #page #right .unedate p.date strong{font-weight:bold;color:#72368c;}
body.template3 #page #right .unedate p.infos {font-size:1.2em;color:#333333;margin:7px 0;line-height:1.1em;}
body.template3 #page #right .unedate a {color:#72368c;text-decoration:underline;font-size:1.2em;}
body.template3 #page #right .unedate a:hover {text-decoration:none;}

/* ------------------------------------------------------------------------- */
/* >>>>>>>>>>>>>   		Les missions template4                  <<<<<<<<<<<< */
/* ------------------------------------------------------------------------- */
body.template4 #page #middle {width:640px;float:left;margin-top:0;}
body.template4 #page #middle {background:#fff;}

body.template4#id16 #page #middle h3 {background:#ed6a00 url(images/sous-titres-roles.png) no-repeat left top;padding-top:32px;height:0;overflow:hidden;}
body.template4#id17 #page #middle h3 {background:#ed6a00 url(images/sous-titres-reseau.png) no-repeat left top;padding-top:32px;height:0;overflow:hidden;}
body.template4#id18 #page #middle h3 {background:#ed6a00 url(images/sous-titres-partenaires.png) no-repeat left top;padding-top:32px;height:0;overflow:hidden;}
body.template4#id19 #page #middle h3 {background:#ed6a00 url(images/sous-titres-missions.png) no-repeat left top;padding-top:32px;height:0;overflow:hidden;}

body.template4#id20 #page #middle h3 {background:#72368c url(images/sous-titres-campagne.png) no-repeat left top;padding-top:32px;height:0;overflow:hidden;}
body.template4#id21 #page #middle h3 {background:#72368c url(images/sous-titres-temoigner.png) no-repeat left top;padding-top:32px;height:0;overflow:hidden;}
body.template4#id22 #page #middle h3 {background:#72368c url(images/sous-titres-programme.png) no-repeat left top;padding-top:32px;height:0;overflow:hidden;}
body.template4#id116 #page #middle h3 {background:#ed6a00 url(images/titre-mentions.png) no-repeat left top;padding-top:32px;height:0;overflow:hidden;}
body.template4#id122 #page #middle h3 {background:#E3007C;line-height:32px;color:#fff;font-size:1.8em;font-weight:bold;padding-left:15px;}


body.template4#id13 #page #middle h3 {background:#ed6a00 url(images/titre-documents.png) no-repeat left top;padding-top:32px;height:0;overflow:hidden;}
body.template4#id14 #page #middle h3 {background:#ed6a00 url(images/titre-liens.png) no-repeat left top;padding-top:32px;height:0;overflow:hidden;}

body.template4 #page #middle #content {padding:10px 15px;}
body.template4 #page #middle #content p {font-size:1.2em;line-height:1.3em;color:#000;margin:5px 0 10px 0;}

body.template4 #page #middle #content p strong{font-weight:bold;}

body.template4 #page #middle #content p em{font-style:italic;}

body.template4.parent122 #page #middle #content h4 {font-size:1.3em;color:#E3007C;line-height:1.3em;font-weight:bold;margin:10px 0 5px 0;}

body.template4.parent116 #page #middle #content h4,
body.template4.parent8 #page #middle #content h4,
body.template4.parent13 #page #middle #content h4,
body.template4.parent14 #page #middle #content h4  {font-size:1.3em;color:#ed6a00;line-height:1.3em;font-weight:bold;margin:10px 0 5px 0;}
body.template4.parent9 #page #middle #content h4 {font-size:1.3em;color:#72368c;line-height:1.3em;font-weight:bold;margin:10px 0 5px 0;}

body.template4 #page #middle #content ul {margin-bottom:10px}

body.template4.parent9 #page #middle #content ul li {background:url(images/puce-violette.png) no-repeat left 7px;padding-left:10px;font-size:1.2em;margin:10px 0 0 0;color:#000;line-height:1.2em}
body.template4.parent9 #page #middle #content ul li strong{font-weight:bold;color:#72368c;}

body.template4.parent116 #page #middle #content ul li,
body.template4.parent8 #page #middle #content ul li,
body.template4.parent13 #page #middle #content ul li,
body.template4.parent14 #page #middle #content ul li {background:url(images/puce-orange2.png) no-repeat left 7px;padding-left:10px;font-size:1.2em;margin:10px 0 0 0;color:#000;line-height:1.2em}
body.template4.parent8 #page #middle #content ul li strong{font-weight:bold;color:#ed6a00;}

body.template4.parent116 #page #middle #content ul li a,
body.template4.parent8 #page #middle #content ul li a,
body.template4.parent13 #page #middle #content ul li a,
body.template4.parent14 #page #middle #content p a {color:#ed6a00;text-decoration:underline;margin-right:5px}

body.template4.parent116 #page #middle #content ul li a:hover,
body.template4.parent8 #page #middle #content ul li a:hover,
body.template4.parent13 #page #middle #content ul li a:hover,
body.template4.parent14 #page #middle #content p a:hover {text-decoration:none;}

body.template4.parent14 #page #middle #content p {line-height:1.5em}

/* ------------------------------------------------------------------------- */
/* >>>>>>>>>>>>>   		L'actualité template6                   <<<<<<<<<<<< */
/* ------------------------------------------------------------------------- */
body.template6 #page #middle {width:480px;float:left;margin-top:0;position:relative;}
body.template6 #page #middle {background:#fff;}

body.template6 #page #middle h3 {background:#ed6a00 url(images/titre-actualite.png) no-repeat top left;padding-top:32px;height:0;overflow:hidden;}
body.template6 #page #middle h3.region {font-size:1.4em;line-height:32px;text-align:left;overflow:hidden;font-weight:normal;position:absolute;right: 10px;top:0;font-family:Georgia, Arial, Verdana, sans-serif;text-transform:uppercase;background:none;padding:0;height: auto;color:#fff}

body.template6 #page #middle .billet{margin:0 15px;position:relative;top:-1px;border-top:1px solid #ed6a00;padding:10px 0;}
body.template6 #page #middle .billet p.infos {font-size:1.1em;color:#333333;margin:0;}
body.template6 #page #middle .billet p.infos a {text-decoration:underline;color:#333333;background:url(images/puce-orange.png) no-repeat left center;padding-left:10px}
body.template6 #page #middle .billet p.infos a:hover {text-decoration:none;}
body.template6 #page #middle .billet .image {width:100px;height:150px;overflow:hidden;float:left;margin:0 10px 5px 0;}
body.template6 #page #middle .billet h4 {font-size:1.5em;color:#ed6a00;line-height:1.2em;font-weight:bold;margin-bottom:10px}
body.template6 #page #middle .billet h4 a{color:#ed6a00;text-decoration:none;}
body.template6 #page #middle .billet h4 a:hover{text-decoration:underline;}
body.template6 #page #middle .billet p {font-size:1.2em;color:#000;line-height:1.3em;margin:7px 0;}
body.template6 #page #middle .billet a {color:#72368c;text-decoration:underline;}
body.template6 #page #middle .billet a:hover {text-decoration:none;}


body.template6 #page #right {background:#ed6a00 url(images/titre-actu-region.png) no-repeat top left;overflow:hidden;width:187px;top:0;right:-80px;padding:50px 15px 10px 8px;}
body.template6 #page #right h4 {display:none;}

body.template6 #page #right select {display:block;margin-top:5px;width:100%;}

/*liste région*/
body.template6 #page #left ul li#list10.active ul,
body.template7 #page #left ul li#list11.active ul,
body.template12 #page #left ul li#list10.active ul,
body.template14 #page #left ul li#list15.active ul,
body.template11 #page #left ul li#list15.active ul {display:none;}
/*h3 region : actualite*/
body#id10.template6 #page #middle h3.region {display:none;}

/* ------------------------------------------------------------------------- */
/* >>>>>>>>>>>>>   		L'agenda template7                      <<<<<<<<<<<< */
/* ------------------------------------------------------------------------- */
body.template7 #page #middle {width:480px;float:left;margin-top:0;position:relative;}
body.template7 #page #middle {background:#fff;}

body.template7 #page #middle h3 {background:#72368c url(images/titre-agenda.png) no-repeat top left;padding-top:32px;height:0;overflow:hidden;}
body.template7 #page #middle h3.region {font-size:1.4em;line-height:32px;text-align:left;overflow:hidden;font-weight:normal;position:absolute;right: 10px;top:0;font-family:Georgia, Arial, Verdana, sans-serif;text-transform:uppercase;background:none;padding:0;height: auto;color:#fff}


body.template7 #page #middle .billet{margin:0 15px;position:relative;top:-1px;border-top:1px solid #72368c;padding:10px 0;}
body.template7 #page #middle .billet p.infos {font-size:1.1em;color:#333333;margin:0;color:#696A6C;}

body.template7 #page #middle .billet .image {width:100px;height:150px;overflow:hidden;float:left;margin:0 10px 5px 0;}
body.template7 #page #middle .billet h4 {font-size:1.5em;color:#000;line-height:1.2em;font-weight:normal;margin:7px 0;text-transform:lowercase;}
body.template7 #page #middle .billet h4 strong{font-weight:bold;color:#72368c;text-transform:none;}
body.template7 #page #middle .billet p {font-size:1.2em;color:#000;line-height:1.3em;margin:7px 0 0 0;}


body.template7 #page #right {background:#72368c url(images/titre-agenda-region.png) no-repeat top left;overflow:hidden;width:187px;top:0;right:-80px;padding:50px 15px 10px 8px;}
body.template7 #page #right h4 {display:none;}

body.template7 #page #right select {display:block;margin-top:5px;width:100%;}

/*h3 region : agenda*/
body#id11.template7 #page #middle h3.region {display:none;}

/* ------------------------------------------------------------------------- */
/* >>>>>>>>>>>>>   		Vos témoignages template8                        <<<<<<<<<<<< */
/* ------------------------------------------------------------------------- */
body.template8 #page #middle {width:640px;float:left;margin-top:0;}
body.template8 #page #middle {background:#fff;}

body.template8 #page #middle h3 {background:#e3007c url(images/titre-temoignages.png) no-repeat top left;padding-top:32px;height:0;overflow:hidden;}

body.template8 #page #middle #content {padding:0 15px;padding-bottom:10px}
body.template8 #page #middle #content p {font-size:1.2em;line-height:1.3em;color:#000;margin:10px 0;}
body.template8 #page #middle #content p strong{font-weight:bold;}
body.template8 #page #middle #content p em{font-style:italic;}
body.template8 #page #middle #content blockquote {color:#6A6B6D;font-style:normal;font-size:1.1em;line-height:1.3em;}

/*commentaires*/
body.template8 #page #middle #content #commentaires h4 span {display:none;}
body.template8 #page #middle #content #commentaires h4#ajoutCom {background: url(images/titre-formulaire-ajoutTem.png) no-repeat left center ;border-top:2px solid #f7ca10;border-bottom:2px solid #f7ca10;padding:5px 0;height:13px;margin:25px 0 10px 0;}
body.template8 #page #middle #content #commentaires h4#com {background: url(images/titre-formulaire-tem2.png) no-repeat left center ;border-top:2px solid #f7ca10;border-bottom:2px solid #f7ca10;padding:5px 0;height:13px;margin:20px 0 10px 0;}

body.template8 #page #middle #content #commentaires label {float:left;text-align:right;width:115px;clear:left;font-size:1.3em;color:#525254;}
body.template8 #page #middle #content #commentaires input {width:400px;padding:0 3px;color:#525254;border:1px solid #666666;font-size:1.1em;margin:0 0 15px 15px}
body.template8 #page #middle #content #commentaires textarea {width:400px;height:119px;padding:3px;border:1px solid #666666;color:#525254;font-size:11px;margin:0 0 15px 15px}

body.template8 #page #middle #content .btnEnvoyer {margin:10px auto 0 auto;width:71px;height:28px;overflow:hidden}
body.template8 #page #middle #content .btnEnvoyer a {background:url(images/btn-commentaire.png) no-repeat -75px 0;display:block;width:71px;height:0;padding-top:28px}
body.template8 #page #middle #content .btnEnvoyer a:hover {background-position:-75px -33px}
body.template8 #page #middle #content .btnEnvoyer a span {display:none;}

body.template8 #page #middle #content h5 {font-size:1.2em;line-height:1.2em;border-bottom:2px solid #6A6B6D;padding-bottom:5px;font-weight:normal;}
body.template8 #page #middle #content h5 strong{color:#e3007c;}
body.template8 #page #middle #content em {font-style:italic;}

body.template8 #page #middle #content .presentation {margin-bottom:10px;}
body.template8 #page #middle #content .presentation p {margin:5px 0 30px 0;}
/* ------------------------------------------------------------------------- */
/* >>>>>>>>>>>>>  les documents à télécharger template9         <<<<<<<<<<<< */
/* ------------------------------------------------------------------------- */
body.template9 #page #middle {width:640px;float:left;margin-top:0;}
body.template9 #page #middle {background:#fff;}

body.template9 #page #middle h3 {background:#ed6a00 url(images/titre-documents.png) no-repeat top left;padding-top:32px;height:0;overflow:hidden;}

body.template9 #page #middle #content {padding:0 15px 15px 15px;padding-bottom:10px}
body.template9 #page #middle #content p {font-size:1.2em;line-height:1.3em;color:#000;margin:10px 0;}
body.template9 #page #middle #content p strong{font-weight:bold;}
body.template9 #page #middle #content p em{font-style:italic;}

body.template9 #page #middle #content ul li{font-size:1.2em;margin:10px 0 0 0;color:#6A6B6D;}
body.template9 #page #middle #content ul li a{color:#ed6a00;text-decoration:underline;margin-right:5px}
body.template9 #page #middle #content ul li a:hover {text-decoration:none;}

/* ------------------------------------------------------------------------- */
/* >>>>>>>>>>>>>  les liens utiles template10                   <<<<<<<<<<<< */
/* ------------------------------------------------------------------------- */
body.template10 #page #middle {width:640px;float:left;margin-top:0;}
body.template10 #page #middle {background:#fff;}

body.template10 #page #middle h3 {background:#ed6a00 url(images/titre-liens.png) no-repeat top left;padding-top:32px;height:0;overflow:hidden;}

body.template10 #page #middle #content {padding:10px 15px;padding-bottom:10px}
body.template10 #page #middle #content p {font-size:1.2em;line-height:1.6em;color:#000;margin:0 0 20px 0;}
body.template10 #page #middle #content p strong{font-weight:bold;}
body.template10 #page #middle #content p em{font-style:italic;}

body.template10 #page #middle #content p a{color:#ed6a00;text-decoration:underline;}
body.template10 #page #middle #content p a:hover{text-decoration:none;}

body.template10 #page #middle #content h4 {color:#ed6a00;font-size:1.4em;line-height:1.2em;text-align:left;font-weight:bold;margin-bottom:5px}

/* ------------------------------------------------------------------------- */
/* >>>>>>>>>>>>>   		Contact accueil template11              <<<<<<<<<<<< */
/* ------------------------------------------------------------------------- */
body.template11 #page #middle {width:480px;float:left;margin-top:0;position:relative;}
body.template11 #page #middle {background:#fff;}

body.template11 #page #middle h3 {background:#ed6a00 url(images/titre-contacts.png) no-repeat top left;padding-top:32px;height:0;overflow:hidden;}

body.template11 #page #middle .billet{margin:0 15px;padding:10px 0;}
body.template11 #page #middle .billet p a {text-decoration:underline;color:#ed6a00;}
body.template11 #page #middle .billet p a:hover {text-decoration:none;}
body.template11 #page #middle .billet .image {width:100px;height:150px;overflow:hidden;float:left;margin:0 10px 5px 0;}
body.template11 #page #middle .billet h4 {font-size:1.5em;color:#ed6a00;line-height:1.2em;font-weight:bold;margin-bottom:10px}
body.template11 #page #middle .billet p {font-size:1.2em;color:#000;line-height:1.3em;margin:7px 0;}

body.template11 #page #right {background:#ed6a00 url(images/titre-contact-region.png) no-repeat top left;overflow:hidden;width:187px;top:0;right:-80px;padding:50px 15px 10px 8px;}
body.template11 #page #right h4 {display:none;}

body.template11 #page #right select {display:block;margin-top:5px;width:100%;}

/*h3 region : contact*/
body#id15.template11 #page #middle h3.region {display:none;}

/* ------------------------------------------------------------------------- */
/* >>>>>>>>>>>>>   		Contact  template14                     <<<<<<<<<<<< */
/* ------------------------------------------------------------------------- */
body.template14 #page #middle {width:480px;float:left;margin-top:0;position:relative;}
body.template14 #page #middle {background:#fff;}

body.template14 #page #middle h3 {background:#ed6a00 url(images/titre-contacts.png) no-repeat top left;padding-top:32px;height:0;overflow:hidden;}
body.template14 #page #middle h3.region {font-size:1.4em;line-height:32px;text-align:left;overflow:hidden;font-weight:normal;position:absolute;right: 10px;top:0;font-family:Georgia, Arial, Verdana, sans-serif;text-transform:uppercase;background:none;padding:0;height: auto;color:#fff}

body.template14 #page #middle #content {padding:0 15px}
body.template14 #page #middle .billet{margin:0;padding:10px 0;}
body.template14 #page #middle .billet p a {text-decoration:underline;color:#ed6a00;}
body.template14 #page #middle .billet p a:hover {text-decoration:none;}
body.template14 #page #middle .billet .image {width:100px;height:150px;overflow:hidden;float:left;margin:0 10px 5px 0;}
body.template14 #page #middle h4 {font-size:1.5em;color:#ed6a00;line-height:1.2em;font-weight:bold;margin-top:10px}
body.template14 #page #middle .billet h4 {margin:0 0 10px 0}
body.template14 #page #middle .billet p {font-size:1.2em;color:#000;line-height:1.3em;margin:0;}

body.template14 #page #middle .billet p {margin:0 0 5px 0;}
body.template14 #page #middle .billet p strong {font-weight:bold;}
body.template14 #page #middle .billet p span {text-transform:uppercase;color:#e3007c;}
body.template14 #page #middle .billet p span strong {text-transform:lowercase}



body.template14 #page #right {background:#ed6a00 url(images/titre-contact-region.png) no-repeat top left;overflow:hidden;width:187px;top:0;right:-80px;padding:50px 15px 10px 8px;}
body.template14 #page #right h4 {display:none;}

body.template14 #page #right select {display:block;margin-top:5px;width:100%;}


/* ------------------------------------------------------------------------- */
/* >>>>>>>>>>>>>   		1actu   template12                      <<<<<<<<<<<< */
/* ------------------------------------------------------------------------- */
body.template12 #page #middle {width:640px;float:left;margin-top:0;position:relative;}
body.template12 #page #middle {background:#fff;}


body.template12 #page #middle h3 {background:#ed6a00 url(images/titre-actualite.png) no-repeat top left;padding-top:32px;height:0;overflow:hidden;}
body.template12 #page #middle h3.retour {/*font-size:1.4em;line-height:32px;text-align:left;overflow:hidden;font-weight:normal;font-weight:bold;*/position:absolute;right: 10px;top:0;background:none;padding:0;height:auto;}
body.template12 #page #middle h3.retour a{background:url(images/retour-hover.png) no-repeat;display:block;width:99px;height:0;padding-top:29px;overflow:hidden}
body.template12 #page #middle h3.retour a:hover {background:url(images/retour-off.png) no-repeat;}

body.template12 #page #middle .billet{margin:0 15px;position:relative;top:-1px;border-top:1px solid #ed6a00;padding:10px 0;}
body.template12 #page #middle .billet p.infos {font-size:1.1em;color:#333333;margin:0;}
body.template12 #page #middle .billet p.infos a {text-decoration:underline;color:#333333;background:url(images/puce-orange.png) no-repeat left center;padding-left:10px}
body.template12 #page #middle .billet p.infos a:hover {text-decoration:none;}
body.template12 #page #middle .billet .image {width:100px;height:150px;overflow:hidden;float:left;margin:0 10px 5px 0;}
body.template12 #page #middle .billet h4 {font-size:1.5em;color:#ed6a00;line-height:1.2em;font-weight:bold;margin-bottom:10px}
body.template12 #page #middle .billet p {font-size:1.2em;color:#000;line-height:1.3em;margin:7px 0;}


/*commentaires*/
body.template12 #page #middle #commentaires {margin:0 15px}
body.template12 #page #middle #commentaires h4 span {display:none;}
body.template12 #page #middle #commentaires h4#ajoutCom {background: url(images/titre-formulaire-ajoutCom.png) no-repeat left center ;border-top:2px solid #f7ca10;border-bottom:2px solid #f7ca10;padding:5px 0;height:13px;margin:25px 0 10px 0;}
body.template12 #page #middle #commentaires h4#com {background: url(images/titre-formulaire-com.png) no-repeat left center ;border-top:2px solid #f7ca10;border-bottom:2px solid #f7ca10;padding:5px 0;height:13px;margin:20px 0 10px 0;}

body.template12 #page #middle #commentaires label {float:left;text-align:right;width:115px;clear:left;font-size:1.3em;color:#525254;}
body.template12 #page #middle #commentaires input {width:400px;padding:0 3px;color:#525254;border:1px solid #666666;font-size:1.1em;margin:0 0 15px 15px}
body.template12 #page #middle #commentaires textarea {width:400px;height:119px;padding:3px;border:1px solid #666666;color:#525254;font-size:11px;margin:0 0 15px 15px}

body.template12 #page #middle #commentaires blockquote {color:#6A6B6D;font-style:normal;font-size:1.1em;line-height:1.3em;}

body.template12 #page #middle .btnEnvoyer {margin:10px auto 0 auto;width:71px;height:28px;overflow:hidden}
body.template12 #page #middle .btnEnvoyer a {background:url(images/btn-commentaire.png) no-repeat -75px 0;display:block;width:71px;height:0;padding-top:28px}
body.template12 #page #middle .btnEnvoyer a:hover {background-position:-75px -33px}
body.template12 #page #middle .btnEnvoyer a span {display:none;}

body.template12 #page #middle h5 {font-size:1.2em;border-bottom:2px solid #6A6B6D;padding-bottom:5px;font-weight:normal}
body.template12 #page #middle h5 strong{color:#e3007c;}
body.template12 #page #middle em {font-style:italic;}

body.template12 #page #middle .presentation {margin-bottom:10px;}
body.template12 #page #middle .presentation p {margin:5px 0 0 0;font-size:1.1em;color:#000;line-height:1.2em;}

body.template12 #page #middle #commentaires #erreur p,
body.template8 #page #middle #commentaires #erreur p {color:#e3007c;font-size:1.2em;margin-bottom:10px;font-weight:bold;}


/* ------------------------------------------------------------------------- */
/* >>>>>>>>>>>>>   		mentions id 16                      <<<<<<<<<<<< */
/* ------------------------------------------------------------------------- */