/* 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}
.textright{text-align:right}
.underline {text-decoration:underline;}

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


/* les liens par defaut */

a          { color: #72368C; }
a:link     { color: #72368C; }
a:visited  { color: #72368C; }
a:focus    { color: #72368C; }
a:hover    { color: #72368C; }
a:active   { color: #72368C; }

/* ------------------------------------------------------------------------- */
/* >>>>>>>>>>>>>   btn                                       <<<<<<<<<<<< */
/* ------------------------------------------------------------------------- */

.btn a {background:url(images/sprite-btn.png) no-repeat;height:0;padding-top:30px;display:block;overflow:hidden;}

.btn.suite a {background-position:0 0;width:60px;}
.btn.ajouter a {background-position:0 -40px;width:169px;}
.btn.terminer a {background-position:0 -80px;width:169px;}
.btn.retour a {background-position:0 -120px;width:100px;}
.btn.recap a {background-position:0 -160px;width:250px;}

.btn.suite a:hover {background-position:-250px 0}
.btn.ajouter a:hover {background-position:-250px -40px}
.btn.terminer a:hover {background-position:-250px -80px}
.btn.retour:hover a {background-position:-250px -120px;}
.btn.recap:hover a {background-position:-250px -160px}

/* ------------------------------------------------------------------------- */
/* >>>>>>>>>>>>>   tooltip                                      <<<<<<<<<<<< */
/* ------------------------------------------------------------------------- */

.showtooltip {position:relative;}
.showtooltip:hover .tooltip {display:block;}
.tooltip {display:none; position:absolute; left:0; bottom:20px; margin-left:-65px; padding:10px; width:200px; border:1px solid #f7ca10; font-size:1.5em; line-height:1em; background:#fdfdfd;}
a .tooltip {text-decoration:none;}

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

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

body #page #entete h1{background: transparent url(images/logo.png) no-repeat left center;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{display:block}

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; font-size:1.3em; line-height:1.1em; text-transform:uppercase; color:#000;text-decoration:none; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;font-weight:bold;}
body #page #left ul li a span{display:block}
body #page #left ul li a:hover {color:#E2007B;}

/*puce fleche*/
body #page #left ul li#list205.active,
body #page #left ul li#list194.active,
body #page #left ul li#list146.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#list8.active,
body #page #left ul li#list187.active,
body #page #left ul li#list10.active, 
body #page #left ul li#list11.active {background: transparent url(images/puce-fleche-rose.png) no-repeat left 1px;position:relative;left:-20px;padding:0 0 0 20px;width:100%}

body #page #left ul li#list8.active a#item8,
body #page #left ul li#list187.active a#item187,
body #page #left ul li#list10.active a#item10,
body #page #left ul li#list11.active a#item11 {color:#E2007B;}

body #page #left ul li#list187 { border-bottom:#000 1px solid;padding-bottom:10px }
body #page #left ul li#list11 a{ border-bottom:#000 1px solid; padding-bottom:10px}
body #page #left ul li#list146 ul, 
body #page #left ul li#list194 ul {display:none}

body #page #left ul li#list187.active {border:0 none;}
body #page #left ul li#list187.active ul {padding:0 0 15px 0;margin-bottom:15px;border-bottom:#000 1px solid}

body #page #left ul li ul li a span{display:inline;  text-transform:none}

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; font-weight:normal; font-family:Georgia, "Times New Roman", Times, serif; letter-spacing:0em }


body #page #left ul li#list11 ul li.active {background: url(images/puce-carre-rose.png) no-repeat left 2px;position:relative;left:-12px;padding:0 0 0 12px;width:100%}


body #page #left ul li#list13 ul li.active {background: url(images/puce-carre-orange.png) no-repeat left 2px;position:relative;left:-12px;padding:0 0 0 12px;width:100%}


body #page #left ul li.active a{color:#72368c}
body #page #left ul li.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#list116 a {color: #ED6A00;text-transform: none;}

body #page #left ul li#list116.active {background:transparent url(images/puce-fleche-orange.png) no-repeat left top;position:relative;left:-20px;padding:0 0 0 20px;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}


/* ------------------------------------------------------------------------- */
/* >>>>>>>>>>>>>   		pre home                                <<<<<<<<<<<< */
/* ------------------------------------------------------------------------- */

.template15 {background:#fff;}
.template15 #page #middle {width:482px;float:none;margin:150px auto 0 auto;}

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



/* ------------------------------------------------------------------------- */
/* >>>>>>>>>>>>>   		accueil : template3                     <<<<<<<<<<<< */
/* ------------------------------------------------------------------------- */
body.template3 #page #middle {position:relative;top:-130px;}
body.template3 #page #middle .topMiddle {background:rgba(255,255,255,0.6);padding:20px 0 20px 20px;position:relative;height:542px;}
body.template3 #page #middle .topMiddle h4 {background:#ed6a00 url(images/titre-actus.png) no-repeat left top;padding-top:32px;height:0;overflow:hidden;}
body.template3 #page #middle .topMiddle a.inscrire {background:url(images/inscrireHover.png) no-repeat 0 -100px;overflow:hidden;height:0;padding-top:60px;width:164px;position:absolute;top:208px;right:-1px;}
body.template3 #page #middle .topMiddle a.inscrire:hover {background-position:0 0;}

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




body.template3 #page #right .billet {background:#fff;padding:0 17px 10px 17px;margin:0 0 15px 0;overflow:hidden;position:relative;}
body.template3 #page #right .billet h4 {background:#F47920 url(images/sprite-titre.png) no-repeat left top;padding-top:30px;height:0;overflow:hidden;position:relative;left:-17px;width:240px;margin:0;}
body.template3 #page #right .billet a {color:#784096;padding:5px 0 0 0;line-height:1.2em;display:block}

body.template3 #page #right .billet.programme .image {width:130px;height:180px;overflow:hidden;border:1px solid #636467;float:left;margin:0 10px 0 0;}
body.template3 #page #right .billet.programme {padding-right:10px;}

body.template3 #page #right .billet.plan h4 {background-position:0 -40px;}
body.template3 #page #right .billet.plan .image {height:180px;overflow:hidden;text-align:center}

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.parent157 #page #entete,
body.template4 #page #entete,
body.template11 #page #entete {background:url(images/head-journeesNationales28-29.png) no-repeat 285px 20px;}

body.template4 #page #middle {width:640px;float:left;margin-top:0;}
body.template4 #page #middle {background:#fff;}

body #page #middle h3 {line-height:33px;height:32px;font-size:2em;color:#fff;padding:0 10px;font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;text-transform: uppercase;font-weight:bold;background:#72368C}

body#id78 #page #middle h3,
body#id11 #page #middle h3,
body.parent8 #page #middle h3,
body.parent187 #page #middle h3, 
body.parent11 #page #middle h3 {background:#72368C}

body.parent205 #page #middle h3,
body#id194 #page #middle h3,
body#id15 #page #middle h3,
body.parent146 #page #middle h3, 
body.parent15 #page #middle h3, 
body.parent116 #page #middle h3, 
body.parent14 #page #middle h3, 
body.parent10 #page #middle h3,
body.parent13 #page #middle h3 {background:#ed6a00}

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 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.parent143 #page #middle #content h4,
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:15px 0 5px 0;}

body.template4.parent140 #page #middle #content h4,
body.template4.parent144 #page #middle #content h4,
body.template4.parent142 #page #middle #content h4,
body.template4.parent142 #page #middle #content h4,
body.template4.parent156 #page #middle #content h4,
body.template4.parent9 #page #middle #content h4,
body.template4.parent143 #page #middle #content h4 {font-size:1.3em;color:#72368c;line-height:1.3em;font-weight:bold;margin:15px 0 5px 0;}

body.template4 #page #middle #content h5 {font-weight:bold;font-size:1.2em;line-height:1.3em;background:url(images/puce-ronde-violette.jpg) no-repeat 0 6px;padding-left:10px;margin:15px 0 0 0;}
body.template4 #page #middle #content h6 {font-size:1.3em;line-height:1.3em;background:url(images/puce-ronde-violette.jpg) no-repeat 0 6px;padding-left:10px;margin:15px 0 0 0;}

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

body.template4 #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 #page #middle #content ul li em {font-style:italic;}

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.parent143 #page #middle #content ul li a,
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.parent143 #page #middle #content ul li a:hover,
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}



/*
body.template4#id14 #page #middle h3 {background-color:#F37920;background-position:0 -600px;}
body.template4#id15 #page #middle h3 {background-color:#F37920;background-position:0 -440px;}
body.template4#id16 #page #middle h3 {background-color:#F37920;background-position:0 -440px;}
body.template4#id17 #page #middle h3 {background-color:#F37920;background-position:0 -480px;}
body.template4#id18 #page #middle h3 {background-color:#F37920;background-position:0 -520px;}
body.template4#id19 #page #middle h3 {background-color:#F37920;background-position:0 -560px;}
body.template4#id20 #page #middle h3 {background-color:#72368C;background-position:0 -600px;}
body.template4#id21 #page #middle h3 {background-color:#72368C;background-position:0 -640px;}
body.template4#id22 #page #middle h3 {background-color:#72368C;background-position:0 -680px;}
body.template4#id116 #page #middle h3 {background-color:#F37920;background-position:0 -680px;}
body.template4#id122 #page #middle h3 {background-color:#72368C;background-position:0 -760px;}
body.template4#id148 #page #middle h3 {background-color:#72368C;background-position:0 -720px;}

body.template4#id139 #page #middle h3 {background-color:#72368C;background-position:0 -80px;}
body.template4#id140 #page #middle h3 {background-color:#72368C;background-position:0 -120px;}
body.template4#id156 #page #middle h3 {background-color:#72368C;background-position:0 -160px;}
body.template4#id142 #page #middle h3 {background-color:#72368C;background-position:0 -200px;}
body.template4#id144 #page #middle h3 {background-color:#72368C;background-position:0 -240px;}
body.template4#id149 #page #middle h3 {background-color:#72368C;background-position:0 -280px;}
body.template4#id150 #page #middle h3 {background-color:#72368C;background-position:0 -320px;}
body.template4#id151 #page #middle h3 {background-color:#72368C;background-position:0 -360px;}
body.template4#id152 #page #middle h3 {background-color:#72368C;background-position:0 -400px;}
*/

/* ------------------------------------------------------------------------- */
/* >>>>>>>>>>>>>   		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 h3 {background:#F37920 url(images/sprite-titre.png) no-repeat left -640px;padding-top:30px;height:0;overflow:hidden;}

body.template11 #page #middle {width:480px;float:left;margin-top:0;position:relative;}
body.template11 #page #middle {background:#fff;}

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   template17                      <<<<<<<<<<<< */
/* ------------------------------------------------------------------------- */
body.template17 #page #middle {width:640px;float:left;margin-top:0;position:relative;}
body.template17 #page #middle {background:#fff;}


body.template17 #page #middle h3 {background:#ed6a00 url(images/titre-actualite.png) no-repeat top left;padding-top:32px;height:0;overflow:hidden;}
body.template17 #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.template17 #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.template17 #page #middle h3.retour a:hover {background:url(images/retour-off.png) no-repeat;}

body.template17 #page #middle .billet{margin:0 15px;position:relative;top:-1px;border-top:1px solid #ed6a00;padding:10px 0;}
body.template17 #page #middle .billet p.infos {font-size:1.1em;color:#333333;margin:0;}
body.template17 #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.template17 #page #middle .billet p.infos a:hover {text-decoration:none;}
body.template17 #page #middle .billet .image {width:100px;height:150px;overflow:hidden;float:left;margin:0 10px 5px 0;}
body.template17 #page #middle .billet h4 {font-size:1.5em;color:#ed6a00;line-height:1.2em;font-weight:bold;margin-bottom:10px}
body.template17 #page #middle .billet p {font-size:1.2em;color:#000;line-height:1.3em;margin:7px 0;}


/*commentaires*/
body.template17 #page #middle #commentaires {margin:0 15px}
body.template17 #page #middle #commentaires h4 span {display:none;}
body.template17 #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.template17 #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.template17 #page #middle #commentaires label {float:left;text-align:right;width:115px;clear:left;font-size:1.3em;color:#525254;}
body.template17 #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.template17 #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.template17 #page #middle #commentaires blockquote {color:#6A6B6D;font-style:normal;font-size:1.1em;line-height:1.3em;}

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

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

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

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


/* ------------------------------------------------------------------------- */
/* >>>>>>>>>>>>>   		form inscription                        <<<<<<<<<<<< */
/* ------------------------------------------------------------------------- */


.confirmationInscription strong.red {color:#E2001A;}
.confirmationInscription a {color:#000000;}
body.template4 #page #middle #content .attentionInscription p {color:#E2001A;}
body.template4 #page #middle #content .attentionInscription p a {font-weight:bold;color:#E2001A;}

form.inscription h4 {background:transparent url(images/sprite-titre2.png) no-repeat 0 0;border-bottom:2px solid #F7CA10;border-top:2px solid #F7CA10;height:0;margin:0 0 15px 0;padding:23px 0 0 0;overflow:hidden;height:0;}

form.inscription h4#structure {background-position:0 3px;}
form.inscription h4.p1 {background-position:0 -17px;}
form.inscription h4.p2 {background-position:0 -37px;}
form.inscription h4.p3 {background-position:0 -57px;}
form.inscription h4.p4 {background-position:0 -77px;}

form.inscription h5 {color:#000;font-size:1.5em;line-height:1.1em;text-transform:uppercase;margin:0 0 15px 0;}
form.inscription h5 em {font-size:0.9em;text-transform:none;color:#58585A;}


form.inscription  {margin:0;overflow:hidden;position:relative;width:610px;}

form.inscription .div_atelier {overflow:hidden;position:relative}

form.inscription  label {width:160px;text-align:right;font-size:1.3em;line-height:1.6em;padding:0 5px 0 0;float:left;clear:both;margin:0 0 10px 0;font-weight:normal;color:#525254;display:block}
form.inscription  label.big {width:300px;}
form.inscription  label em {font-size:0.9em;}
form.inscription  input {margin:0;padding:0;}
form.inscription  .champsTexte {width:435px;border:1px solid #B9B9BA;font-size:1.1em;line-height:1.1em;padding:1px 3px 2px 3px;float:left;color:#959595;}
form.inscription  .select {width:214px;border:1px solid #959595;font-size:1.2em;line-height:1.1em;padding:2px 3px;float:left;color:#959595;}
form.inscription  .select.annee {padding:2px 7px;}
:root form.inscription .select.auto {width:auto;margin:0 5px 0 0;}

form.inscription  .champsTexte.element2 {width:19px;}
form.inscription  .champsTexte.element4 {width:38px;}
form.inscription  .champsTexte.element9 {width:65px;}
form.inscription  .champsTexte.element10 {width:74px;}
form.inscription  .champsTexte.element15 {width:120px;}

form.inscription  select.champsTexte.element2 {width:50px;margin:0 5px 0 0;}
form.inscription  select.champsTexte.element4 {width:80px;margin:0 5px 0 0;}
form.inscription  select.champsTexte.element9 {width:95px;margin:0 5px 0 0;}
form.inscription  select.champsTexte.element10 {width:104px;margin:0 5px 0 0;}
form.inscription  select.champsTexte.element15 {width:150px;margin:0 5px 0 0;}

form.inscription  sup {font-size:1.2em;vertical-align:super;margin:0 0 0 5px;}

form.inscription  .radio {margin:3px 3px 0 0;}
form.inscription  .radio.vertical {margin:0 10px 0 0;float:left}
:root form.inscription  .radio.vertical {margin:0 10px 10px 0;}
form.inscription  .textRadioVertical {font-size:1.2em;line-height:1.5em;color:#646464;display:block;overflow:hidden;}
:root form.inscription  .textRadioVertical {line-height:1.2em;}
form.inscription  .wrapperRadioVertical {overflow:hidden;padding:3px 0 0 0;float:left}
:root form.inscription  .wrapperRadioVertical {overflow:hidden;padding:6px 0 0 0;float:none}

form.inscription  br {clear:both}

form.inscription  span.textRadio {color:#525254;margin:0 8px 0 0;font-size:1.3em;font-weight:normal;}
form.inscription  span.textRadio.sigle {line-height:21px;padding:0 0 0 5px;font-size:1.2em;}
:root form.inscription  span.textRadio {margin:0 10px 0 0;}

form.inscription  p em {font-style:italic;font-size:0.9em;}

form.inscription .btn {margin:0 0 10px 125px;}
form.inscription select#typeStructure {margin-bottom:10px; padding:0; width:443px; border-color:#b9b9ba;}

body.template4 #page #middle #content form.inscription h5 {margin:15px 0;padding:0;background:none;}
body.template4 #page #middle #content form.inscription h6 {margin:15px 0;padding:0;background:none;}

/* ------------------------------------------------------------------------- */
/* >>>>>>>>>>>>>   		form enquete                              <<<<<<<<<<<< */
/* ------------------------------------------------------------------------- */

#enquete h4 {margin:0 0 15px; padding:6px 0 4px; border:solid #f7ca10; border-width:2px 0; font:1.2em/13px Arial,Helvetica,sans-serif; text-transform:uppercase;}
#enquete h4 span {display:block; height:13px; overflow:hidden; line-height:999em; background:url("images/titre-enquete.png") no-repeat 0 100px;}
#enquete #enqueteStructure h4 span {background-position:0 -2px;}
#enquete #enqueteRetraites h4 span {background-position:0 -22px;}
#enquete #enqueteRemuneration h4 span {background-position:0 -42px;}

#enquete fieldset {margin-bottom:15px;}
#enquete label {float:left; clear:left; margin:0 20px 10px 0; padding:0; width:300px; font-size:1.3em; line-height:1.4em; text-align:right; color:#525254;}
#enquete input, #enquete select {margin:0; padding:0;}
#enquete br {clear:left;}
#enquete .textRadio,
#enquete .textRadioVertical {font-size:1.3em; line-height:1.2em; color:#646464;}
#enquete .textRadio {margin-right:10px;}
#enquete input.radio.vertical {margin-bottom:7px;}
#enquete .champsTexte  {float:left; margin-bottom:10px; padding:1px 3px 2px; border:1px solid #b9b9ba; width:264px; font-size:1.3em; line-height:1.2em; color:#959595;}
#enquete .champsFichier {font-size:1.3em; line-height:1.2em;}
#enquete .select {padding:0; width:272px;}
#enquete .listeChamps {float:left; margin-bottom:10px; padding-top:3px;}
#enquete .listeChamps label {margin-right:5px; margin-bottom:5px; width:auto; text-align:left;}
#enquete .listeChamps input {margin-bottom:5px; width:auto;}
#enquete .listeChamps .radio {margin-right:3px;}
#enquete .listeChamps.cotisations label {width:75px;}
#enquete .small {width:50px !important;}
#enquete .toggle-content {clear:left; margin-top:10px;}

/* ------------------------------------------------------------------------- */
/* >>>>>>>>>>>>>   		les tarfis                              <<<<<<<<<<<< */
/* ------------------------------------------------------------------------- */

#id140 #page #middle #content ul li {color:#000;font-weight:bold;padding:0 0 7px 0;border-bottom:2px solid #F7CA10;background:url(images/tarfis-puce.png) repeat-x left center;font-size:1.3em;line-height:1.3em;margin:0 0 10px 0;overflow:hidden;position:relative}
#id140 #page #middle #content ul li strong {position:absolute;right:0;top:0;background:#fff;font-size:1.3em;}
#id140 #page #middle #content ul li em {background:#fff;font-style:normal}



/* ------------------------------------------------------------------------- */
/* >>>>>>>>>>>>>   		actus                                   <<<<<<<<<<<< */
/* ------------------------------------------------------------------------- */
body.template3 #page #middle .actus {background:rgba(255,255,255,0.6);margin-top:15px;}
body.template3 #page #middle .actus h4 {background:#ed6a00 url(images/titre-actus.png) no-repeat left top;padding-top:32px;height:0;overflow:hidden;}
body.template3 #page #middle .actus .billet{margin:0 15px;position:relative;top:-1px;border-top:1px solid #ed6a00;padding:10px 0;}
body.template3 #page #middle .actus .billet p.infos {font-size:1.1em;color:#333333;margin-top:0;}
body.template3 #page #middle .actus .billet .image {width:100px;height:150px;overflow:hidden;float:left;margin-right:5px;}
body.template3 #page #middle .actus .billet h5 {font-size:1.4em;color:#ed6a00;line-height:1.3em;font-weight:bold;}
body.template3 #page #middle .actus .billet h5 a{color:#ed6a00;text-decoration:none;}
body.template3 #page #middle .actus .billet h5 a:hover{text-decoration:underline;}
body.template3 #page #middle .actus .billet p {font-size:1.2em;color:#000;line-height:1.3em;margin:7px 0;}
body.template3 #page #middle .actus .billet a {color:#72368c;text-decoration:underline;}
body.template3 #page #middle .actus .billet a:hover {text-decoration:none;}