/*
Theme Name: Primo Levi
Theme URI: https://advitam.org/
Description: Designed and developed by <a href="https://advitam.org/">Advitam</a>.
Version: 1.0
Author: Advitam
Author URI: https://advitam.org/
License: This theme isn't released under Creative Commons Attribution 2.5 License.
Text Domain: Primo Levi
*/

/*******************************************************************************************************/
/* typos */
/*******************************************************************************************************/
@font-face {
    font-family: 'hoeflere';
    src: url('typo/hoeflertext-roman-webfont.eot');
    src: url('typo/hoeflertext-roman-webfont.eot?#iefix') format('embedded-opentype'),
         url('typo/hoeflertext-roman-webfont.woff') format('woff'),
         url('typo/hoeflertext-roman-webfont.ttf') format('truetype'),
         url('typo/hoeflertext-roman-webfont.svg#hoeflere_textregular') format('svg');
    font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family: 'hoeflere';
    src: url('typo/hoeflertext-bold-webfont.eot');
    src: url('typo/hoeflertext-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('typo/hoeflertext-bold-webfont.woff') format('woff'),
         url('typo/hoeflertext-bold-webfont.ttf') format('truetype'),
         url('typo/hoeflertext-bold-webfont.svg#hoeflere_textbold') format('svg');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'hoeflerblack';
    src: url('typo/hoefleretext-black-webfont.eot');
    src: url('typo/hoefleretext-black-webfont.eot?#iefix') format('embedded-opentype'),
         url('typo/hoefleretext-black-webfont.woff') format('woff'),
         url('typo/hoefleretext-black-webfont.ttf') format('truetype'),
         url('typo/hoefleretext-black-webfont.svg#hoeflere_text_blackregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'helveticaMediumCondensed';
    src: url('typo/helveticanneueltstd-mdcn-webfont.eot');
    src: url('typo/helveticanneueltstd-mdcn-webfont.eot?#iefix') format('embedded-opentype'),
         url('typo/helveticanneueltstd-mdcn-webfont.woff') format('woff'),
         url('typo/helveticanneueltstd-mdcn-webfont.ttf') format('truetype'),
         url('typo/helveticanneueltstd-mdcn-webfont.svg#helveticanneuelt_std_med_cnRg') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'graphiksemibold';
    src: url('typo/graphike-semibold-webfont.eot');
    src: url('typo/graphike-semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('typo/graphike-semibold-webfont.woff') format('woff'),
         url('typo/graphike-semibold-webfont.ttf') format('truetype'),
         url('typo/graphike-semibold-webfont.svg#graphike_semiboldregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'graphikregular';
    src: url('typo/graphike-regular-webfont.eot');
    src: url('typo/graphike-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('typo/graphike-regular-webfont.woff') format('woff'),
         url('typo/graphike-regular-webfont.ttf') format('truetype'),
         url('typo/graphike-regular-webfont.svg#graphike_regularregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'graphikregular';
    src: url('typo/graphike-black-webfont.eot');
    src: url('typo/graphike-black-webfont.eot?#iefix') format('embedded-opentype'),
         url('typo/graphike-black-webfont.woff') format('woff'),
         url('typo/graphike-black-webfont.ttf') format('truetype'),
         url('typo/graphike-black-webfont.svg#graphike_blackregular') format('svg');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'graphiklight';
    src: url('typo/graphike-light-webfont.eot');
    src: url('typo/graphike-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('typo/graphike-light-webfont.woff') format('woff'),
         url('typo/graphike-light-webfont.ttf') format('truetype'),
         url('typo/graphike-light-webfont.svg#graphike_lightregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'gotamblack';
    src: url('typo/gothame-black-webfont.eot');
    src: url('typo/gothame-black-webfont.eot?#iefix') format('embedded-opentype'),
         url('typo/gothame-black-webfont.woff') format('woff'),
         url('typo/gothame-black-webfont.ttf') format('truetype'),
         url('typo/gothame-black-webfont.svg#gothame_blackregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

/*******************************************************************************************************/
/* commons & reset */
/*******************************************************************************************************/
html, body { border:0px; text-align: center; min-width: 1004px; }
body { background: #fff; }
html, body, ul, li, p { padding: 0px; margin: 0px; color: #000000; font-family: "hoeflere", georgia, serif; display:block; font-size: 12px; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: none; }
p { display: block; }
input { font-family: helvetica, arial, sans-serif; }
ul, li { list-style-type: none; }
a, a:hover, a:visited { color: #000000; text-decoration: none; }
a:hover { text-decoration: underline; }
img { border: 0px; }
.float { float: left; display: inline; }
.floatRight { float: right; display: inline; }
.hide { display: none; }
.clear { clear: both; }
.relative { position: relative; }
.absolute { position: absolute; }
.hidden { visibility: hidden; }
.center-text { text-align: center; }
.aligned { width: 1000px; margin: 0px auto; text-align: left; }
.bold { font-weight: bold; }
h1, h2, h3, h4 { margin: 0px; padding: 0px; font-family: helvetica, arial, sans-serif; font-weight: normal;
-webkit-margin-before: 0;
-webkit-margin-after: 0;
 }
 p { margin: 0px; padding: 0px; -webkit-margin-before: 0px; -webkit-margin-after: 0px;}
 .grayscale { filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */ filter: gray; /* IE6-9 */ -webkit-filter: grayscale(100%); }
.selected .grayscale { filter: none; -webkit-filter: grayscale(0); }
.niveau:hover .grayscale { filter: none; -webkit-filter: grayscale(0); }

#superHeader, .home #imageContainer, #footer, #superFooter, #mainContainer, #footerDonner { min-width: 1004px; }


/*******************************************************************************************************/
/* parts */
/*******************************************************************************************************/
/* superheader */
#superHeader { min-width: 988px; }
#superHeader { background-color: #000000; padding: 8px; text-align: left; position: relative; z-index: 10; }
#superHeader .icons { }
#superHeader .correctIcons { margin-top: 2px; }
#superHeader .icons li { margin-right: 8px; }
#superHeader .menu li { margin-left: 18px; padding-left: 18px; height:16px; border-left: 1px solid #B6B6B6; }
#superHeader .menu li a { text-transform: uppercase; font-family: "helveticaMediumCondensed", arial, sans-serif; font-weight:bold; margin: 0px 0px; color: #BCBCBF; padding-top: 3px; display: block; }
#superHeader .menu li a:hover { text-decoration: none; }

/* header */
#header .menu li { white-space: nowrap; }
#header { width: 1004px; margin:0px auto; text-align: left; background-color: #EFEFEF; -webkit-border-bottom-right-radius: 10px; -webkit-border-bottom-left-radius: 10px; -moz-border-radius-bottomright: 10px; -moz-border-radius-bottomleft: 10px; border-bottom-right-radius: 10px; border-bottom-left-radius: 10px; position: relative; z-index: 4; }
#header .rightInt { margin-bottom: 25px; }
#header .search { padding: 38px 0px 0px 0px; width: 278px; }
#header .inputs { width: 204px; height: 27px; border: 1px solid #E3E3E3; background-color: #FFFFFF; padding: 10px 5px 10px 10px; }
#header .inputs input[type="text"] { border: 0px; padding: 0px; background-color: #fff; width: 164px; color: #B0B0B0; font-family: "helveticaMediumCondensed", arial, sans-serif; font-size: 16px; line-height: 16px;  }
#header .inputs input[type="submit"] { border: 0px; padding: 1px 5px; font-family: "helveticaMediumCondensed", arial, sans-serif; background-color: transparent; margin-top: 5px; font-size: 16px; line-height: 16px; color: #474747; cursor: pointer; }
#header .menu { margin-top: 2px; }
#header .menu li { height: 55px; position: relative; float: left; }
#header .menu li:hover, #header .menu li.hover { background-image: url("img/arrow_header.png"); background-repeat: no-repeat; background-position: bottom center; }
#header .menu li a { padding: 5px 8px; border-left: 1px solid #B6B6B6; height: 15px; display: block; }
#header .menu li a { font-family: "helveticaMediumCondensed", arial, sans-serif; font-size: 15px; line-height: 15px; margin: 6px 0px; }
#header .menu li a:hover { color: #FF6600; text-decoration: none; }
#header .menu li .sub-menu { width: 400px; visibility: hidden; padding: 20px; position: absolute; top: 55px; left: 50%; background-color: #FF6600; -webkit-border-bottom-right-radius: 10px; -webkit-border-bottom-left-radius: 10px; -moz-border-radius-bottomright: 10px; -moz-border-radius-bottomleft: 10px; border-bottom-right-radius: 10px; border-bottom-left-radius: 10px; }
#header .menu li .sub-menu li { height: auto; }
#header .menu li .sub-menu a { color: #FFFFFF; width: auto; }
#header .menu li .sub-menu a:hover { color: #FFFFFF; text-decoration: underline; }

#header .menu li.current-menu-ancestor a { color: #FF6600; }
#header .menu li.current-menu-ancestor .sub-menu a { color: #FFFFFF; }
#header .sub-menu .inputs { padding: 5px 5px 5px 10px; }

/* footer */
#footer { width: 100%; background-color: #EFEFEF; }
.footerInt { width: 932px; margin: 0px auto; padding: 60px 0px 70px 0px; text-align: left; }
#footer .bloc .title p { text-transform: none; font-size: 19px; line-height: 21px; }
#footer .bloc.actualites .actu, #footer .eventAlone { cursor: pointer; margin-bottom: 5px; }
#footer .bloc.actualites a.allActu, #footer .bloc.event .linkContainer a { font-size: 16px; color: #FF6600; }
#footer .bloc.actualites a:hover, #footer .bloc.event .linkContainer a:hover { color: #FF6600; }
#footer .bloc.event { }
#footer .bloc.event a:hover { text-decoration: none; }
#footer .bloc.event .date p { font-family: "gothamblack", arial, sans-serif; font-size: 19px; line-height: 21px; }
#footer .bloc.event .titre { margin: 00px 0px 12px 0px; }
#footer .bloc.event .titre h2 { font-size: 30px; line-height: 30px; font-family: "hoeflere", georgia, serif; }
#footer .bloc.event .linkContainer { }
#footer .bloc.event .linkContainer .rightLink { padding-top: 6px; }
#footer .bloc.publications {  } 
#footer .bloc.publications .title { margin-bottom: 20px; }
#footer .bloc.publications .publication { border-top: 1px solid #A1A1A1; padding: 10px 0px 20px 0px; }
#footer .socialIcons { margin-top: 20px; }
#footer .socialIcons li { margin-right: 6px; }
#footer .bloc.publications .publication .right { width: 115px; }
#footer .bloc.publications .publication .right h3 { font-family: "graphiksemibold", arial, sans-serif; font-size: 19px; line-height: 19px; margin-bottom: 10px; }
#footer .bloc.publications .publication .right h3.memoires { font-size: 15px; line-height: 20px; margin-bottom: 0px; }
#footer .bloc.publications .publication .right p.price { font-family: "graphiksemibold", arial, sans-serif; font-size: 15px; line-height: 17px; margin-bottom: 13px; }
#footer .bloc.publications .publication .leftButton { width: 33px; }

/* superfooter */
#superFooter { min-width: 940px; }
#superFooter { background-color: #FF6600; padding: 21px 32px; }
#superFooter .menu li { padding-right: 7px; margin-right: 7px; border-right: 1px solid #1A171B; }
#superFooter .menu li.last { border-right: 0px; }
#superFooter p, a, a:hover { color: #1A171B; font-size: 12px; line-height: 12px; }
#superFooter a, #superFooter a:hover { color: #1A171B; font-size: 12px; line-height: 12px; }


/*******************************************************************************************************/
/* gabarits */
/*******************************************************************************************************/
/* home */
.home #imageContainer { z-index: 2; position: absolute; top: 32px; left: 0px; width: 100%; overflow: hidden; }
.home #imageContainer .imageInt { position: relative; }
.home #imageContainer .imageInt li { position: absolute; top: 0px; left: 0px; cursor: pointer; }
.home #imageContainer .imageInt li .infosContainer { text-align: center; position: relative; z-index: 3; }
.home #imageContainer .imageInt li .infos { position: absolute; bottom: 70px; left: 50%; margin-left: -466px; text-align: left; width: 932px;  }
.home #imageContainer .imageInt li .infos h1 { font-family: 'graphiksemibold'; color: #fff; text-transform: uppercase; font-size: 43px; line-height: 51px; width: 466px; }
.home #imageContainer .controlsContainer { position: absolute; left: 0px; bottom: 30px; right: 0px; z-index: 3;  }
.home #imageContainer .controls { width: 932px; margin:0px auto;  }
.home #imageContainer .controls li { width: 12px; height: 12px; margin-right: 7px; background-image: url("img/button_slider_white.png"); background-repeat: no-repeat; cursor: pointer; }
.home #imageContainer .controls li.selected { background-image: url("img/button_slider_orange.png"); }

.blocContainer { width: 932px; margin: 0px auto; margin-bottom: 60px; text-align: left; }
.line { }
.bloc { margin-left: 36px; width: 206px; height: 400px; position: relative; }
.bloc.first { margin-left: 0px; }
.bloc .title { margin-bottom: 10px; }
.bloc .title p { font-size: 15px; line-height: 15px; text-transform: uppercase; }
.bloc .img { margin-bottom: 10px; }
.bloc .texte { margin-bottom: 15px; }
.bloc h2 { font-family: "graphiksemibold", arial, sans-serif; font-weight: normal; font-size: 27px; line-height: 32px; }
.bloc p { font-size: 15px; line-height: 17px; }
.bloc .link { width: 206px; height: 46px; cursor: pointer; }
.bloc .link.consulter {  }
.bloc .link.former {  }
.blocContainer .widget .button { position: absolute; bottom: 0px; left: 0px; }
.blocContainer .widget .pageWidget { border-bottom: 0px; }

/* page */
#mainContainer { width: 1004px; margin: 100px auto; text-align: left; }

#mainContainer h1, #mainContainer .subTitle, #mainContainer .interTitle, #mainContainer .line, .allButton, .page-template-publications-php #mainContainer .title  { border-bottom: 1px dotted #000; }
#mainContainer .temoignages .line { border: 0px; }
#mainContainer .formations .line, #mainContainer .actualites .line  { border-bottom: 0px; border-top: 1px dotted #000; }
#mainContainer .col p, #mainContainer .temoignages .line h3, #mainContainer .temoignages .line p, .actualite p, .actualite a.link, .formation p, .formations .allFormations .button p, .course .contact p, .recrutement .texteCentral p, #footerDonner p, #donner ul.radioButtons li p, #mainContainer a.linkPublication, .connaitre p { font-family: arial, helvetica, sans-serif; font-size: 12px; line-height: 21px; }
#mainContainer .col h2, .popInt p, .actualite h2, .titleFormation h2, .formation h3, .blocComite h2 { font-family: "graphikregular", arial, sans-serif; font-size: 27px; line-height: 31px; }

#mainContainer a, a:hover { color: #FF6600; }

#mainContainer .content { width: 690px; padding-right: 18px; border-right: 1px solid #BCBCBF;  margin-left: 35px; }
#mainContainer .sidebar { width: 206px; margin-right: 35px; }

#mainContainer h1 { font-family: "graphiklight", arial, sans-serif; font-size: 76px; line-height: 76px; padding-bottom: 26px; margin-bottom: 21px; }
#mainContainer .subTitle { padding-bottom: 21px; margin-bottom: 30px; }
#mainContainer .subTitle p, #mainContainer .subTitle a { font-size: 24px; line-height: 31px; }
#mainContainer .col { margin-left: 36px; }
#mainContainer .col.first { margin-left: 0px; }
#mainContainer .col1 { width: 206px; }
#mainContainer .col2 { width: 448px; }
#mainContainer .col3 { width: 690px; }
#mainContainer .col h2 { font-weight: normal; font-size: 27px; line-height: 31px; }
#mainContainer .col p { font-size: 12px; line-height: 21px; }

#mainContainer .interTitle { padding-bottom: 28px; margin-bottom: 28px; }
#mainContainer .interTitle h3 { font-size: 37px; line-height: 37px; font-weight: normal; }
#mainContainer .line { padding-bottom: 22px; margin-bottom: 22px; }

#mainContainer .temoignages {  }
#mainContainer .temoignages .line { margin-bottom: 60px; }
#mainContainer .temoignages .line h3 { font-size: 24px; line-height: 24px; }
#mainContainer .temoignages .line p { font-size: 12px; }
.col1 img { width: 206px; }

.imgBanner { margin-bottom: 15px; }

#mainContainer a.linkPublication { text-transform: uppercase; text-decoration: underline; }

/* liste actualités */
.actualite, .formation { padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px solid #ccc; }
.actualite img, .formation img, .actualite .img, .formation .img { width: 206px; margin-right: 36px; }
.actualite .informations, .formation .informations { width: 448px; }
.actualite.big img, .formation.big img, .actualite.big .img, .formation.big .img { width: 448px; }
.actualite.big .informations, .formation.big .informations { width: 206px; }
.actualite h2 { font-weight: bold; }
.actualite p { font-size: 12px; line-height: 15px; }
.actualite p.date { text-transform: uppercase; }
.actualite a.link { font-size: 14px; text-decoration: underline; line-height: 19px; }
.actualites .paginationContainer { text-align: center; width: 639px; }
.actualites p.pagination { margin-top: 5px;  }
.actualites p.pagination a.number { padding: 0px 20px; }
.actualites p.pagination a.selected, .actualites p.pagination a:hover { color: #FF6600; }

/* liste formations */
.titleFormation { padding-bottom: 10px; border-bottom: 1px solid #ccc; margin-bottom: 20px; }
.titleFormation h2 { font-weight: bold; }
.formation p, .formation a { font-size: 15px; line-height: 16px; }
.formation p.date { font-size: 18px; line-height: 18px; }
.formation h3 { font-size: 18px; line-height: 19px; font-weight: bold; }
.formation p.tarif { font-weight: bold; }
.formation a, .formation a:hover { color: #FF6600; font-weight: bold; }
a.decProg { margin: 10px 0px 4px 0px; display: block; }

.allButton { text-align: center; cursor: pointer; margin-top: -20px; margin-bottom: 13px; }
.allButton .button { width: 206px; cursor: pointer; padding: 13px 0px; background-image: url("img/arrow-down.png"); background-repeat: no-repeat; display: inline-block; text-align: left; background-position: right center; }
.allButton .button p { font-size: 16px; color: #848587;  }

/*.formations .line, .actualites .line { padding-top: 20px; margin-top: 20px;  }*/

/* comite */
#mainContainer .content.soutiens .line { padding: 0px; margin: 0px; border: 0px; }
.blocComite { height: 163px; background-image: url("img/filet.png"); padding-top: 20px; background-repeat: no-repeat; background-position: top left; }
.firstLine .blocComite { background-image: none; }
.blocComite h2 {  }
.blocComite p { font-size: 15px; line-height: 23px; }

/* faire connaitre */
input[type="text"] { width: 424px; height: 30px; border: 1px solid #E3E3E3; background-color: #EFEFEF; padding: 10px; font-family: "hoeflere", georgia, serif; font-size: 15px; line-height: 15px; }

.connaitre .h4 { font-weight: bold; font-size: 15px; line-height: 17px; }
.connaitre p { font-size: 12px; line-height: 21px; }
.connaitre .field, .demiFieldContainer { margin-bottom: 13px;  }
.demiFieldContainer {  width: 446px; }
.demiField { width: 206px; }
.demiField input[type="text"] { width: 184px; }
.demiField .firstField { margin-right: 36px; }
.connaitre input[type="submit"] { border: 0px; cursor: pointer; background-color: transparent; background-image: url("img/valider.png"); background-repeat: no-repeat; width: 130px; height: 46px; }

.connaitre .subPart { margin-top: 25px; }
.connaitre .subPart div { width: 327px; }
.connaitre .socialIcons { margin-top: 15px; }
.connaitre .socialIcons li { margin-right: 8px; }

/* publications */
.publicationsContainer { margin-bottom: 66px; }
.col.publication .img { margin-bottom: 50px; }
.col.publication { }

.dossiers { }
.dossiers li {  }
.dossiers .lineDossier { margin-bottom: 15px; }
#mainContainer .dossiers .lineDossier a { color: #000; font-family: arial, helvetica, sans-serif; }
#mainContainer .dossiers .lineDossier a span { color: #FF6600; }

.page-template-publications-php #mainContainer h1 { border: 0px; margin-bottom: 0px; }
.page-template-publications-php #mainContainer .title { margin-bottom: 21px; }

.as-selection-item { display: none; }
.title input[type="text"] { width: 200px; margin-top: 20px;  }
.autocomplete { position: relative; }
.autocomplete .as-results { position: absolute; top: 72px; left: 0px; z-index: 3;}
.autocomplete .as-results .as-list { }
.autocomplete .as-results .as-list li { padding: 10px 0px; background-color: #EFEFEF; border: 1px solid #E3E3E3; border-top: 0px; }
#mainContainer .autocomplete .as-results .as-list li a, #mainContainer .autocomplete .as-results .as-list li { color: #000; padding: 10px; font-size: 15px; line-height: 15px; }
#mainContainer .autocomplete .as-results .as-list li a em { color: #FF6600; font-style: normal; }

/* recrutement & petition */
.recrutement .title { }
.recrutement .title h1 { font-size: 52px; line-height: 66px; }
.recrutement .img { margin-bottom: 21px; }
.recrutement .texte {  }
.recrutement .texteCentral p {  }
.recrutement .texte p { font-size: 17px; line-height: 21px; }
.recrutement .texte p.titreInt { color: #FF6600; font-size: 39px; line-height: 40px; }

.recrutement .underText { margin: 30px 0px 50px 0px }
.recrutement .underText p { font-size: 17px; line-height: 24px; }
.recrutement .jesigne { width: 689px; text-align: center; }
.recrutement .jesigne img { cursor: pointer; }

/* course des heros */
.course .button { margin-bottom: 28px; }
.course .contact p, .course .contact a { font-weight: bold; }
.course .titleRight h3 { font-size: 30px; line-height: 37px; }

/* footer donner */
#donner .deduction p, #donner .jedonne p, #donner .cards p.name, #footerDonner .col .title h2, #footerDonner .col .encart h2 { font-family: "graphiksemibold", arial, sans-serif; font-size: 16px; line-height: 28px; }

#footerDonner { width: 100%; background-color: #EFEFEF; }
.footerDonnerInt { width: 932px; margin: 0px auto; padding: 60px 0px 70px 0px; text-align: left; }
#footerDonner .col { margin-left: 36px; width: 206px; }
#footerDonner .col.first { margin-left: 0px; }
#footerDonner .col .title {  }
#footerDonner .col .title h2 { font-size: 27px; }
#footerDonner .col .donRegulier { margin-top: 17px; border-top: 1px dotted #FF6600; padding-top: 15px; }
#footerDonner .col .donRegulier p { margin-bottom: 24px; }

#footerDonner .col .encart { margin-top: 23px; padding: 20px 17px; background-color: #FF6600; }
#footerDonner .col .encart h2 { font-size: 27px; line-height: 28px; color: #FFFFFF; margin: 10px 0px 5px 0px; }

#footerDonner .col1 img { width: auto; }
#footerDonner .widget .image { margin-top: 20px; }

/* donner */
#donner h1, #donner h2 { font-weight: bold; }
#donner { width: 1004px; margin: 0px auto; text-align: left; margin-bottom: 70px; }
#donner h1 { font-family: "graphiksuper", arial, sans-serif; font-size: 20px; line-height: 27px; margin: 31px 0px 38px 0px; }
#donner h1 {  }
#donner, #donner p, #donner li { font-size: 15px; line-height: 17px; }
#donner .col { width: 288px; padding-left: 17px; margin-left: 17px; border-left: 1px solid #C9C9C9; }
#donner .col.first { padding-left: 0px; margin-left: 0px; border-left: 0px; }
#donner .col .title { padding-bottom: 20px; margin-bottom: 12px; }
#donner .col h2 { font-size: 20px; line-height: 20px; } 

#donner .col1 .title { border-bottom: 3px solid #FF6600; }
#donner .col1 h2 { color: #FF6600; }
#donner .col2 .title { border-bottom: 3px solid #405477; }
#donner .col2 h2 { color: #405477; }
#donner .col3 .title { border-bottom: 3px solid #3A5A42; }
#donner .col3 h2 { color: #3A5A42; }

#donner ul.radioButtons { border-left: 1px solid #C9C9C9; margin: 10px 0px 15px 0px; }
#donner ul.radioButtons li { height: 63px; border-right: 1px solid #C9C9C9; padding: 7px 16px; }
#donner ul.radioButtons li p { font-weight: bold; }
#donner .autre input[type="text"] { width: 86px; }
#donner hr { width: 283px; border-top: 1px dotted #000; margin: 19px 0px 10px 0px; }
#donner .deduction p.titre { text-transform: uppercase; margin-top: 26px; }
#donner .deduction p.price { color: #FF6600; }

#donner .button { margin-right: 5px; padding-bottom: 15px; background-position: bottom center; background-repeat: no-repeat; }
#donner .button.selected { background-image:url("img/arrow_down1.png"); }
#donner .button p { background-color: #ACACAC; padding: 10px; font-family: arial, helvetica, sans-serif; color:#fff; }
#donner .button.selected p { background-color: #FF6600;  }


#donner .mainForm { margin: 30px 0px 20px 0px; }
#donner input[type="text"], #donner select, #donner textarea { margin-bottom: 9px; padding: 5px 10px; height: 20px; }
#donner select { height: 40px; }
#donner .mainForm input[type="text"] { width: 264px; }
#donner .mainForm .tiers input[type="text"] { width: 77px; margin-right: 9px; }
#donner .mainForm .deuxTiers input[type="text"] { width: 158px; }
select { width: 124px; height: 30px; background-color: #EFEFEF; border: 1px solid #E3E3E3; color: #000000; font-family: "hoeflere", georgia, serif; font-size: 15px; line-height: 15px; padding: 10px; }
#donner p.message { margin-top: 10px; margin-bottom: 7px; }
textarea { width: 264px; height: 106px; background-color: #EFEFEF; border: 1px solid #E3E3E3; color: #727272; padding: 8px; color: #000000; font-family: "hoeflere", georgia, serif; font-size: 15px; line-height: 15px; }
#donner textarea { height: 96px; }
.textareaContact textarea { width: 428px; }
#donner .jedonne p { color: #000; }
#donner .cards { margin-bottom: 10px; }
#donner .cards li { text-align: center; width: 50px; }
#donner .cards li.mastercard { width: 75px; }
#donner .cards p.name { font-size: 11px; color: #000; }

#donner .commit { margin-top: 10px; }
#donner .col3 hr { margin: 26px 0px 26px 0px; }

#donner .infoSup { margin-top: 15px; }
#donner .infoSup .infoDon { padding: 23px 0px 23px 20px; margin-bottom: 5px; cursor: pointer; width: 300px; background-color: #948068; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background-image: url("img/plus.png"); background-repeat: no-repeat; background-position: 240px 24px; }
#donner .infoSup .infoDon.single { padding: 35px 0px 35px 20px;  }
#donner .infoSup .infoDon.selected { background-image: url("img/moins.png"); }
#donner .infoSup .infoDon p, #donner .infoSup .infoDon a { font-size: 20px; color: #FFFFFF; line-height: 22px; width: 220px; }
#donner .infoSup .infoDon p.supplementary, #donner .infoSup .infoDon p.supplementary a { margin-top: 10px; font-size: 15px; line-height: 17px; }
#donner .infoSup .infoDon p.supplementary a { text-decoration: underline; }

/*******************************************************************************************************/
/* pop-ups */
/*******************************************************************************************************/
.popContainer { display: none; z-index: 1000; position: fixed; top: 0; left: 0; right: 0; bottom: 0;  }
.backPop { z-index: 1001; position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-color: #FF6600; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity= 80)"; filter: alpha(opacity=30); -moz-opacity: 0.3; -khtml-opacity: 0.3; opacity: 0.3; }
.pop { position: fixed; top: 50%; left: 50%; z-index: 1002; background-color: #FF6600; }
.popInt { padding: 25px; position: relative; text-align: left; width: 424px; }
.popInt .close { position: absolute; top: 25px; right: 25px; cursor: pointer; }
.popInt h1 { font-family: "graphiksemibold", arial, sans-serif; font-weight: normal; color: #FFFFFF; font-size: 35px; line-height: 35px; margin-bottom: 20px; }
.popInt p { margin-top: 10px; color: #FFFFFF; font-size: 27px; line-height: 30px;  }
.popInt .fields { margin-bottom: 7px; }
.popInt .field { margin-bottom: 15px; }
.popInt input[type="text"] { width: 391px; height: 16px;  border: 0px; background-color: #EFEFEF; color: #727272; font-size: 18px; padding: 13px 16px; font-family: "hoeflere", georgia, serif; }
.popInt input[type="submit"] { color: #fff; background-color: transparent; border: 0px; cursor: pointer; font-size: 24px; text-transform: uppercase; font-family: "helveticaMediumCondensed", arial, sans-serif; }
.popInt ul.social { margin-top: 20px; }
.popInt ul.social li { margin-right: 15px; }

.signPetition { margin-left: -224px; margin-top: -285px; }
.inscription { margin-left: -224px; margin-top: -250px; } 
.validation { margin-left: -224px; margin-top: -172px; } 

.validation .icons { margin-top: 25px; }
.validation .icons li { margin-right: 8px; }


/*******************************************************************************************************/
/* widgets */
/*******************************************************************************************************/
.widget .don h2, .widget .don h3, .widget .don .exemple p, .widget .citation .title h2, .widget .savoir .title h2 { font-family: "graphikregular", arial, sans-serif; font-size: 27px; line-height: 31px; }
.widget .contact h2, .widget .pageWidget h2 { font-family: "graphiksemibold", arial, sans-serif; font-size: 27px; line-height: 31px; }
.widget .don p { font-family: arial, helvetica, sans-serif; font-size: 12px; line-height: 21px; }
.widget .savoir .title, .widget .citation, .widget .contact .title, .widget .pageWidget { border-bottom: 1px dotted #000000; }
.widget .savoir h3 { font-family: "hoeflerblack", arial, sans-serif; }

/* don */
.widget .don h2, .widget .don h3 { font-weight: bold; }
.widget .don .intro { margin-bottom: 38px; }
.widget .don .exemple { background-color: #000; padding: 6px; margin-bottom: 16px; }
.widget .don .exemple p { font-size: 11px; line-height: 11px; font-weight: bold;  }
.widget .don .blocDon { margin-bottom: 26px; }

/* citations */
.introCitations { margin-bottom: 20px; }
.widget .citation, .widget .pageWidget { padding-bottom: 20px; margin-bottom: 18px; }
.widget .citation .title { margin-bottom: 20px; }
.widget .citation img { margin-bottom: 27px; }
.widget .citation p { font-size: 24px; line-height: 31px; }

/* savoir plus */
.widget .savoir { margin-bottom: 33px; }
.widget .savoir .title { padding-bottom: 14px; }
.widget .savoir .title h2 { font-weight: normal; }
.widget .savoir h3 { font-size: 24px; line-height: 24px; margin-top: 19px; color: #FF6600; margin-bottom: 5px; }
.widget .savoir p { font-size: 15px; line-height: 17px; }

/* contact */
.widget .contact { margin-bottom: 20px; padding: 10px; background-color: #EFEFEF; }
.widget .contact .title { padding-bottom: 6px; margin-bottom: 14px; }
.widget .contact h2 {  }
.widget .contact a, .widget.contact a:hover { color: #FF6600; }

/* page */
.widget .pageWidget { cursor: pointer; }
.widget .pageWidget p { font-size: 15px; line-height: 17px; }
.widget .pageWidget .surTitle { margin-bottom: 10px; }
.widget .pageWidget .surTitle p { text-transform: uppercase; }
.widget .pageWidget img { margin-bottom: 10px; }
.widget .pageWidget h2 { margin-bottom: 5px; }
.widget .pageWidget .button { margin-top: 12px; }

/* telecharger */
.widget .telecharger { }

/* image */
.widget .image { margin-top: 91px; margin-bottom: 20px; }

/* langues */
#langTop {background-color:black;color:white;display: inline; padding: 5px;margin:0px; float: left; position: fixed;right:5px; top: 0px;}
/*#langTop li.active {position: fixed;right: 10px; top: 0px;}
#langTop .ul.qtranxs_language_chooser > .active {display:none;}*/
#langTop li span {color:white;font-weight: bold;}
#langTop .qtranxs_flag_and_text {padding-left:25px;}