/* CSS Document for WCN /


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

/* Colors Help {}*/

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

HTML{font-size: 100%; font-weight:normal;background:#8cc63f;}

/* 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:#4c4c4c;  background:#fff;}

h1,h2,h3,h4,h5,h6 {font-weight:normal}

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

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

.opacite {
     background-color: rgb(0, 0, 0); /* #000 */
     background-color: rgba(0, 0, 0, 0.5); /*  #000 50% */
}

.displaynone {display:none}
.clear {clear:both}
.textright {text-align:right;}
.textcenter {text-align:center;}
.textleft {text-align:left;}
.wrapperContent {overflow:hidden;}

strong{font-weight:bold;}
em {font-style:italic;}
	
.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;padding:0; margin:0 auto;background:#fff;}

a          { color: #8cc63f;text-decoration:none}
a:link     { color: #8cc63f; }
a:focus    { color: #8cc63f; }
a:hover    { color: #8cc63f;text-decoration:underline; }
a:active   { color: #8cc63f; }

a.more {background:url(images/link-more.png) no-repeat right 5px;padding:0 15px 0 0;text-decoration:none}
a.more:hover {color:#688047;background-position:right -10px;text-decoration:none}
/* ------------------------------------------------------------------------- */
/* >>>>>>>>>>>>>   header & footer                              <<<<<<<<<<<< */
/* ------------------------------------------------------------------------- */

#header {position:relative;padding:20px 0 0 0;}
#header h1 {margin:0 0 20px 15px;}
#header blockquote {position:absolute;right:-76px;top:31px;height:78px;width:604px;background:url(images/header-bandeau.png) no-repeat;line-height:62px;padding:0 30px 0 31px;}
#header blockquote p {color:#c0c9b7;font-size:2.2em;font-weight:bold;}

#header #mainMenu {background:url(images/menu-repli.png) no-repeat 0 0;padding:0 0 0 16px;width:100%;height:51px;overflow:hidden;position:relative;left:-16px;}
#header ul {background:#8cc63f;height:35px;overflow:hidden;text-align:center}
#header ul li {display:inline;zoom:1;height:35px;}
:root #header ul li {display:inline-block}
#header ul li a {padding:0 20px;line-height:35px;font-size:1.7em;color:#fff;text-decoration:none;float:left}
#header ul li a:hover {color:#095aa2;}
#header ul li.active a {background:#095aa2;}
#header ul li.active a:hover {color:#fff;}

#footer {background:#8cc63f;width:100%;}
#footer #wrapper {padding:15px;position:relative;width:930px;margin:0 auto;}
#footer #wrapper p.copyright {font-size:1.1em;line-height:1.2em;color:#fff;clear:both;padding:10px 0 0 0;margin:0 0 0 125px;}

#footer #footerMenu{width:95px;float:left;margin:0}
#footer #footerMenu ul li {margin:0 0 3px 0;}
#footer #footerMenu ul li a {padding:0 5px;line-height:18px;font-size:1.1em;font-weight:bold;color:#8cc63f;text-decoration:none;display: block;background:url(images/footer-menu.png) no-repeat 0 0;}

#footer .footerBox {float:left;border-bottom:2px solid #fff;margin:0 0 0 30px;padding:0 0 6px 0;overflow:hidden;}
#footer .footerBox#consortium {width:390px;}
#footer .footerBox#partners {width:240px;}
#footer .footerBox#follow {width:115px;}

#footer .footerBox h3 {color:#fff;font-size:1.6em;line-height:1.1em;padding:0;border-bottom:2px solid #fff;margin:0 0 6px 0;font-weight:bold;}
#footer .footerBox h3 sup {vertical-align:text-top;font-size:0.7em;}

#footer .footerBox ul{overflow:hidden}
#footer .footerBox ul li {height:45px;overflow:hidden;display:block;float:left}
#footer .footerBox ul li a {height:45px;display:block;}

#footer .footerBox#consortium ul li a {margin:0 13px 0 0;}
#footer .footerBox#partners ul li a {margin:0 9px 0 0;}
#footer .footerBox#follow ul li a {margin:0 0 0 10px;}


#footer .footerBox#consortium ul li.last a,
#footer .footerBox#partners ul li.last a,
#footer .footerBox#follow ul li.last a   {margin:0;}

/* ------------------------------------------------------------------------- */
/* >>>>>>>>>>>>>   arianne                                      <<<<<<<<<<<< */
/* ------------------------------------------------------------------------- */

#arianne {bottom:12px;left:8px;overflow:hidden;position:absolute;margin:0;}
#arianne .B_crumbBox {color:#24918d;display:block;font-size:1.1em;line-height:1.1em;margin:0;}
#arianne .B_crumbBox a {color:#275954;font-weight:normal;text-decoration:none}
#arianne .B_crumbBox a:hover {text-decoration:underline}

/* ------------------------------------------------------------------------- */
/* >>>>>>>>>>>>>   commun                                       <<<<<<<<<<<< */
/* ------------------------------------------------------------------------- */
#sectionMain .btn {overflow:hidden;font-size:1.4em;margin:0 0 40px 0;}
#sectionRight .btn { overflow: hidden; font-size: 1.4em; position: relative; margin-left: 0; 
               margin-right: 0; margin-top: 0; margin-bottom: 10px }
.btn a {background:#8dc741 url(images/btn.png) no-repeat 0 0;overflow:hidden;padding:0 0 0 22px;color:#fff;text-decoration:none;display:inline;zoom:1;line-height:27px;text-transform:uppercase;font-weight:bold;}
:root .btn a {display:inline-block;}
.btn a span {height:27px;display:block;padding:0 33px 0 0;background:url(images/btn.png) no-repeat right -27px;}

.btn a:hover {background-position:0 -54px;background-color:#6c834b;cursor: pointer;color:#fff;text-decoration:none}
.btn a:hover span {background-position:right -81px;}

.btn.bleu a {background-image:url(images/btn-bleu.png);background-color:#4680bb;text-transform:none;}
.btn.bleu a span {background-image:url(images/btn-bleu.png);}

.btn.bleu a:hover {background-color:#316da2;}


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

#mainContent {padding:25px 15px;overflow:hidden}

#sectionLeft {width:309px;padding:0;float:left;position:relative;top:-9px;margin:0 9px 0 0;}
#sectionMain {}
#sectionRight { overflow: hidden; position: relative; padding-top: 25 }
/* ------------------------------------------------------------------------- */
/* >>>>>>>>>>>>>   aside                                        <<<<<<<<<<<< */
/* ------------------------------------------------------------------------- */
.aside       { position: relative; overflow: hidden; background-color: #F3F5F0; 
               background-repeat: repeat; background-attachment: scroll; 
               border-top: 1px solid #ADADAD; border-bottom: 1px solid #ADADAD; 
               margin-left: 0; margin-right: 0; margin-top: 20; 
               margin-bottom: 15px; padding-left: 10px; padding-right: 10px; 
               padding-top: 20px; padding-bottom: 20px; background-position: 
               0% 50% }
.aside h3 {color:#1961ad;font-size:1.6em;line-height:1.2em;margin:0 0 20px;}
.aside h3 strong {text-transform:uppercase;font-weight:normal;display:block}

.aside form  { border-style: solid; margin-left: 0; margin-right: 0; margin-top: 0; 
               margin-bottom: 20px }
.aside label {color:#adadad;font-size:1.1em;font-style:italic}
.aside input.texte {border:1px solid #adadad;color:#adadad;font-size:1.2em;padding:2px 3px;width:84%;}
.aside input.ok {border:1px solid #adadad;border-left:0 none;color:#adadad;font-size:1.2em;padding:0 3px 1px 3px;background:#f3f5f0;cursor:pointer;}
:root .aside input.ok {padding-top:1px;}
.aside p {margin:0 0 10px 0;color:#adadad;font-size:1.3em;line-height:1.2em;}
.aside p em {font-size:0.87em;}
.aside blockquote p {color:#1961ad;font-style:italic}
.aside .btn a {width:199px;}

.pub         { text-align: center; padding-left: 0; padding-right: 0; padding-top: 20px; 
               padding-bottom: 20px }
#corner {padding:10px 0;border-top:1px solid #adadad;border-bottom:1px solid #adadad;margin:0 0 15px 0;}
#corner a {font-size:1.9em;line-height:1.1em;display:block;padding:0 0 40px 0;text-decoration:none;background:url(images/corner.png) no-repeat right bottom;text-transform:uppercase;text-align:right}
#corner a:hover {background-image:url(images/corner-hover.png);color:#688047;}

#pub {height:240px;background:#f3f5f0;}

/* ------------------------------------------------------------------------- */
/* >>>>>>>>>>>>>   pagination                                   <<<<<<<<<<<< */
/* ------------------------------------------------------------------------- */

/* ------------------------------------------------------------------------- */
/* >>>>>>>>>>>>>   article                                      <<<<<<<<<<<< */
/* ------------------------------------------------------------------------- */

.article  {}

.article h2 {position:relative;font-size:1.9em;line-height:1.2em;color:#8cc63f;margin:0 0 20px 0;padding:0 0 2px 28px;background:url(images/h2-fond.png) no-repeat 0 4px;}
.article h2 em {font-size:0.8em;position:relative;top:-2px;font-style:normal}
.article h3 {font-size:1.3em;line-height:1.1em;font-weight:bold;color:#000;margin:0 0 15px 0;}
.article h4 {font-size:1.3em;line-height:1.1em;font-weight:bold;color:#000;margin:0 0 5px 0;}

.article p.preface {font-size:1.5em;line-height:1.3em;margin:0 0 20px 0;font-style:italic;color:#7f7f7f;}
.article p.preface strong {font-weight:normal}

.article p {font-size:1.3em;line-height:1.3em;margin:0 0 15px 0;}
#sectionLeft .article p {font-size:1.5em;}
.article ul {list-style:none;margin:0 0 15px 0;padding:0 0 0 15px;}
.article ul li {font-size:1.3em;line-height:1.3em;margin:0 0 2px 0;background:url(images/article-puce.png) no-repeat 0 5px;padding:0 0 0 20px;}

.article ol {list-style:outside;list-style-type:decimal;margin:0 0 15px 0;padding:0 0 0 10px;}
.article ol li {font-size:1.3em;line-height:1.3em;margin:0 0 5px 0;}

.article em {font-style:italic;}
.article strong {}
.article img {margin:0 25px 30px 0;float:left}

.article sup {vertical-align:text-top;font-size:0.6em;}

/*blue block*/
.article .blueBlock h2 {color:#1961ad;background:url(images/h2-fond-bleu.png) no-repeat 0 3px;}
.article .blueBlock p {color:#adadad;}
.article .blueBlock strong {font-size:1.2em;}

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

form label {width:auto;text-align:left;font-size:1.4em;line-height:1.2em;padding:0 5px 0 0;float:none;margin:0 0 5px 0;color:#fff;display:block}
form label.nofloat {float:none}

form input   { position: relative; margin: 0; padding: 0 }
form .champsTexte {width:97%;font-size:1.2em;line-height:1.1em;padding:3px 3px 4px 3px;float:none;color:#737373;border:0 none;margin:0 0 10px 0;}
form input.champsTexte {border-top:1px solid #ccc;border-left:1px solid #ccc;}


form select {width:99%;border:1px solid #959595;font-size:1.2em;line-height:1.1em;padding:2px 3px;float:left;color:#737373;margin:0 0 10px 0;}
form select.annee {padding:2px 7px;}
:root form.select.auto {width:auto;margin:0 5px 0 0;}

form textarea.champsTexte {font-family:arial}

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

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

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

form .radio {margin:3px 3px 0 0;}
form .radio.vertical {margin:0 10px 0 0;float:left}
:root form .radio.vertical {margin:0 10px 10px 0;}

form .textRadioVertical {font-size:1.2em;line-height:1.8em;color:#fff;}
:root form .textRadioVertical {line-height:1.2em;}

form .wrapperRadioVertical {overflow:hidden;padding:3px 0 0 0;}
:root form .wrapperRadioVertical {overflow:hidden;padding:6px 0 0 0;}
form .wrapperRadioVertical .champsTexte {margin:0 0 5px 0;}

form input.error,
form textarea.error,
form input.required,
form textarea.required{ border-color:#FF0000}

form input.invalid,
form textarea.invalid {border-color:#FCC200}

form br {clear:both}

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


/* ------------------------------------------------------------------------- */
/* >>>>>>>>>>>>>   accueil                                      <<<<<<<<<<<< */
/* ------------------------------------------------------------------------- */

#home #sectionMain {overflow:visible;width:783px;margin:0 29px 0 0;float:left}
#home #sectionMain .wrapper {overflow:hidden}

#home #sectionMain .box {height:213px;width:251px;overflow:hidden;background:url(images/sprite-box-home.png) no-repeat;position:relative;margin:0 20px 0 0;float:left}
#home #sectionMain .box h2 {position:absolute;z-index:10;right:38px;top:15px;font-size:1.9em;line-height:1.1em;color:#fff;text-transform:uppercase}
#home #sectionMain .box h2.headHover {color:#8cc63f;}
#home #sectionMain .box .hover {height:148px;padding:65px 10px 0 18px;width:223px;overflow:hidden;background:url(images/sprite-box-home.png) no-repeat;position:absolute;left:0;top:0;position:absolute;z-index:5;}
#home #sectionMain .box .hover blockquote p {font-size:1.4em;line-height:1.2em;color:#fff;}
#home #sectionMain .box .hover ul {margin:5px 0 18px;}
#home #sectionMain .box .hover ul li {font-style:italic;font-size:1.1em;font-size:1.1em;line-height:1.2em;background:url(images/home-aside-puce.png) no-repeat 0 2px;padding:0 0 0 10px;}
#home #sectionMain .box .hover ul li a {color:#fff;}
#home #sectionMain .box .hover p.link {font-size:1.4em;font-weight:bold;}
#home #sectionMain .box .hover p.link a {color:#fff;text-transform:uppercase;background:url(images/fleche-visit.png) no-repeat right center;padding:0 15px 0 0;}
#home #sectionMain .box .hover p.link a:hover {padding:0 20px 0 0;text-decoration:none}

#home #sectionMain .box#promote {background-position:0 0;left:-10px;margin:0 10px 0 0;}
#home #sectionMain .box#search {background-position:-270px 0;}
#home #sectionMain .box#verify {background-position:-540px 0;margin:0;}

#home #sectionMain .box#promote .hover {background-position:0 -213px;}
#home #sectionMain .box#search .hover {background-position:-270px -213px;}
#home #sectionMain .box#verify .hover {background-position:-540px -213px;}


#home #sectionMain .focus {width:240px;float:left;margin:50px 30px 0 0;}
#home #sectionMain .focus.last {margin-right:0;}
#home #sectionMain .focus h2 {color:#8cc63f;font-size:1.9em;line-height:1.3em;background:url(images/home-box-fond.png) no-repeat left bottom;padding:0 0 0 28px;text-transform:uppercase}
#home #sectionMain .focus p {margin:7px 0 0 0;font-size:1.3em;line-height:1.3em;}

/* ------------------------------------------------------------------------- */
/* >>>>>>>>>>>>>   texte                                        <<<<<<<<<<<< */
/* ------------------------------------------------------------------------- */

#texte #sectionMain {overflow:visible;width:660px;margin:0 29px 0 0;float:left}

ol#step {overflow:hidden;padding:0;list-style:none}
ol#step li {float:left;width:160px;height:125px;position:relative;background:url(images/oneStep.png) no-repeat;margin:0 5px 0 0;}
ol#step li strong {font-weight:normal;color:#fff;text-transform:uppercase;font-size:1.4em;padding:15px 0 15px 0;display:block}
ol#step li strong span {margin:0 10px 0 16px;position:relative;top:-1px;font-size:0.8em;}
ol#step li span.texte {padding:0 10px 0 20px;font-size:1.2em;color:#1961ad;line-height:1.2em;text-align:center;display:block}