/*
CSS by RINVILLE Evans
for IETI Institute
01/08/2012
*/

/**********     PAGE        ************/
body { margin: 0; padding: 0; }
div#page { width: 100%; margin: auto; font-family: Arial, sans-serif; background-color: #eaeaea; }
div.clean { clear: both; }
img { border: 0; }/* Pour IE */
.orange { color: #f37800;}

/**********     HEADER      ************/
div#header { width: auto; height: 334px; background-color: white; }
div#header div#header_content { width: 1063px; height: 209px; margin: auto; }
div#header div#header_content a img { margin: 45px 0 0 108px;; float:left;}
div#header div#header_content #bandholder {margin:0;padding:0; float:left;}
div#header div#header_content #bandholder .band-element  {margin:0;padding:0;position:absolute;}
div#header div#header_content img#head_mans { padding-left: 36px; }
div#header div#head_banner { width: 100%; height: 125px; background-color: #f78f01; }
div#header div#head_banner img { display: block; margin: auto; position: relative; top: 15px; }



/**********     MENU      ************/
div#menu { width: auto; height: 33px; background-color: #434343; font-size: 12px; }
div#menu div#menu_content { width: 985px; height: 33px; margin: auto; }
div#menu div#menu_content ul { width: 1022px; padding: 0; margin: 0 auto; }
div#menu div#menu_content ul li { float: left; list-style: none; padding-left: 60px; line-height: 33px; }
div#menu div#menu_content ul li:first-child { padding-left: 30px; }
div#menu div#menu_content ul li a { display: block; text-decoration: none; color: white; }
div#menu div#menu_content ul li a:hover { font-weight: bold; }
div#menu div#menu_content ul li a.current { font-size: 14px; font-weight: bold; color: #f6f6f6; }


/**********     CONTENT      ************/
div#content { width: 980px; margin: auto; background: url("../imgs/bg_content.png") repeat-y; }
div#content div#content_left { width: 640px; /*height: 869px;*/ float: left; background-color: #f3f3f3; color: #303030; }

div#content div#content_left a { color: #000000; text-decoration: none; }
div#content div#content_left a:hover { text-decoration: underline; font-weight: bold; }
div#content div#content_left a.normal_link:hover { font-weight: normal; }
div#content div#content_left img#vous_etes { margin: 25px 0 0 25px; padding-bottom: 10px; }
div#content div#content_left span#bloc0 { display: block; float: left; margin: 25px 0 0 25px; width: 592px; height: 72px; background-color: #f3f3f3; color: #303030; font-weight: bold; font-size: 22px; text-align: center; line-height: 30px; }
div#content div#content_left span#bloc1 { display: block; float: left; margin: 0 6px 0 25px; width: 371px; height: 79px; background-color: #ffc53a; color: #693804; font-weight: bold; font-size: 15px; text-align: center; line-height: 26px; }
div#content div#content_left span#bloc2 { display: block; float: left; width: 215px; height: 78px; background-color: #ffa902; color: #303030; font-weight: bold; font-size: 14px; text-align: center; line-height: 26px; }
div#content div#content_left span#bloc3 { display: block; float: left; margin: 7px 6px 0 25px; width: 242px; height: 80px; background-color: #ffae3f; color: #a7470c; font-weight: bold; font-size: 16px; text-align: center; line-height: 26px; }
div#content div#content_left span#bloc3 span.plus_simple { font-size: 21px; }
div#content div#content_left span#bloc4 { display: block; float: left; margin: 7px 0 0 0; width: 345px; height: 80px; background-color: #f58e00; color: #ffe785; font-size: 18px; text-align: center; line-height: 26px; }
div#content div#content_left span#bloc5 { display: block; float: left; margin: 7px 0 0 25px; width: 593px; height: 70px; background-color: #ffa902; color: #fffefe; font-size: 19px; text-align: center; line-height: 30px; padding-top:10px}
div#content div#content_left div#content_box { width: 552px; height: 345px; float: left; margin: 14px 0 0 21px; padding: 25px 25px 0 25px; background: url("../imgs/cadre_ombre.png") no-repeat; font-size: 14px; }
div#content div#content_left div#content_box span.portail_influence { display: block; margin: 0 0 0 95px; padding-bottom: 30px; font-size: 16px; font-weight: bold; color: #303030; }
div#content div#content_left div#content_box ul { padding-left: 14px; font-size:14px;}
div#content div#content_left div#content_box span.citation { font-size: 16px;font-family: Georgia; color: #dc6716; }
div#content div#content_left div#content_box span.box_italic { font-style: italic; }
div#content div#content_left div#content_box span.educ_influ { display: block; margin: 35px 0 0 105px; font-style: italic; font-size: 16px; font-weight: bold; font-family: Georgia; color: #dc6716; }
div#content div#content_left div#content_box span.auteur_educ_influ { display: block; margin: 5px 0 0 207px; font-style: italic; }
div#content div#content_left a#exemple_button img { margin: 30px 0 40px 23px; }

div#content div#content_left div#contenu { padding: 35px 25px 0; font-size: 12px; }
div#content div#content_left div#contenu h1 { font-size:20px; color: #303030; margin:0 0 15px 25px}
div#content div#content_left div#contenu_carte h1 { font-size:20px; color: #303030; margin:35px 0 15px 25px}
div#content div#content_left div#contenu_carte { }
div#content div#content_left div#contenu_carte img { margin:0 auto;display:inline-block;}
div#content div#content_left div#contenu_carte img[alt="influence"] { padding-bottom: 30px; }
div#content div#content_left div#contenu_carte img.titre_carte { display: block; }

div#content div#content_left div#contenu_missions { padding: 35px 25px 0; font-size: 12px; }
div#content div#content_left div#contenu_missions h1 { font-size:20px; color: #303030; margin:0 15px 25px 0}
div#content div#content_left div#contenu_missions img { padding: 0 0 36px 0; }
div#content div#content_left div#contenu_missions span.texte_gris { color: #595959; font-weight: bold; }
div#content div#content_left div#contenu_missions span.texte_rouge { color: #C00000; font-style: italic; }
div#content div#content_left div#contenu_missions span.gras_marron { color: #7C400F; font-weight: bold; }
div#content div#content_left div#contenu_missions span.texte_marron { color: #7C400F }
div#content div#content_left div#contenu_missions #content-edito {min-height:580px;text-align:justify;}
div#content div#content_left div#contenu_missions #content-edito img {margin-left:10px;}
div#content div#content_left div#contenu p.titre_gris { color: #595959; font-size: 13px; font-weight: bold; text-align: center; }

div#content div#content_search div#contenu { width: auto; font-size: 13px; background-color: #f3f3f3; padding-top:35px;}
div#content div#content_search div#contenu h1 { font-size:20px; color: #303030; margin:0 15px 25px 25px}
div#content div#content_search div#contenu table#recherches { border-collapse: collapse; width: 935px; margin-left: 24px; }
div#content div#content_search div#contenu table#recherches tbody tr td { padding: 10px 52px 0 0; color: #434343; }
div#content div#content_search div#contenu table#recherches tbody tr td p.objectifs_influ, div#content div#content_search div#contenu table#recherches tbody tr td p.format_edit { margin: 0; padding-bottom: 8px; font-size: 14px; font-weight: bold; color: #434343; }
div#content div#content_search div#contenu table#recherches tbody tr td a { color: #ff0000; }
div#content div#content_search div#contenu table#recherches tbody tr td a img { padding: 0 0 10px 18px; }
div#content div#content_search div#contenu table#recherches tbody tr.color_impair { background-color: #fbfbfa; }
div#content div#content_search div#contenu table#recherches tbody tr.color_pair { background-color: #e8e5e2; }
div#content div#content_search div#contenu table#recherches tbody tr td p.text_img { font-size: 17px; font-weight: bold; color: #f37800; text-align: left; margin: 0; padding-left: 18px; }
div#content div#content_search div#contenu table#recherches tbody tr td a.red_link { text-decoration: none; color: #f37800; }
div#content div#content_search div#contenu table#recherches tbody tr td a.red_link:hover { text-decoration: underline; }
div#content div#content_search div#contenu a.link { color: #434343; text-decoration: none; padding-left: 24px; margin-bottom: 10px; }
div#content div#content_search div#contenu a.link:hover { text-decoration: underline; font-weight: bold; }
div#content div#content_search div#contenu img#recherches_pub { padding: 35px 0 36px 27px;  }

div#content div#contenu_ieti_services { background-color: #F3F3F3; color: #434343; font-size: 12px; padding: 35px 25px; }
div#content div#contenu_ieti_services div#contenu p.titre_gris { text-align: center; font-weight: bold; }
div#content div#contenu_ieti_services div#contenu_ieti p.titre_orange { color:#f37800; font-weight: bold; font-size:18px;}
div#content div#contenu_ieti_services div#contenu_ieti p.titre_noir { color:#434343; font-weight: bold; font-size:18px;}
div#content div#contenu_ieti_services div#bloc_orange {background-color:#f36d00;margin-top:20px;line-height:21px;width:935px;height:50px;padding-top:10px;font-size:16px;color:#ffffff;text-align:center;}
div#content div#contenu_ieti_services div#contenu_ieti img {  }
div#content div#contenu_ieti_services div#contenu_ieti h1 { font-size:20px; color: #303030; margin:0 0 15px 0}
div#content div#contenu_ieti_services div#contenu_ieti table#ieti_services { width: 908px; margin: 0 0 0 24px; }
div#content div#contenu_ieti_services div#contenu_ieti table#ieti_services ul li {margin-bottom:5px;}
div#content div#contenu_ieti_services div#contenu_ieti table#ieti_services tbody tr.entete_ieti_services th { height: 40px; text-align: center; font-weight: bold; font-size: 18px; background-color: #fbfbfa; }
div#content div#contenu_ieti_services div#contenu_ieti table#ieti_services tbody tr td { padding-left: 5px; }
div#content div#contenu_ieti_services div#contenu_ieti table#ieti_services tbody tr td.activites { padding-left: 18px; }
div#content div#contenu_ieti_services div#contenu_ieti table#ieti_services tbody tr td.activites ul { list-style: disc; padding: 10; color: #f37712;font-size:14px;}
div#content div#contenu_ieti_services div#contenu_ieti table#ieti_services tbody tr td.activites span.gris {  color: #434343;}
div#content div#contenu_ieti_services div#contenu_ieti table#ieti_services tbody tr.impair{ background-color: #e8e5e2; }
div#content div#contenu_ieti_services div#contenu_ieti table#ieti_services tbody tr.pair { background-color: #fbfbfa; }
div#content div#contenu_ieti_services div#contenu_ieti table#ieti_services tbody tr td.services { padding: 18px 0 0 18px; width:400px; font-size:14px;}
div#content div#contenu_ieti_services div#contenu_ieti table#ieti_services tbody tr td.services span.titre {font-size:18px;color: #f37800;font-weight:bold;}
div#content div#contenu_ieti_services div#contenu_ieti div.lien_contact { text-align: center; }
div#content div#contenu_ieti_services div#contenu_ieti div.lien_contact a { text-decoration: none; color: #434343; }
div#content div#contenu_ieti_services div#contenu_ieti div.lien_contact a:hover { text-decoration: underline; }

div#content div#content_left div#contenu div.testez_vous form div.component, div#content div#content_left div#contenu form div.component { padding-top: 10px; }
div#content div#content_left div#contenu form div.component div.input textarea#inp_contact_description_projet, div#content div#content_left div#contenu form div.component div.input textarea#inp_contact_adresse_contact { width: 400px; height: 80px; }

div#content div#content_left div#content_exemples h1 { font-size:20px; color: #303030; margin:35px 0 0 25px}
div#content div#content_left div#content_exemples img#exemples_situations { display: block; margin: auto; position: relative; top: 33px; }
div#content div#content_left div#content_exemples table#table_exemples { width: 593px;  margin: 30px 0 0 26px; border-spacing: 0 19px; }
div#content div#content_left div#content_exemples table#table_exemples tbody tr { background-color: white; }
div#content div#content_left div#content_exemples table#table_exemples tbody tr td { padding: 8px 0 4px 8px; }
div#content div#content_left div#content_exemples table#table_exemples tbody tr td.exemple_content { font: italic 12px Arial; color: #434343; padding: 3px 10px 0 17px; }
div#content div#content_left div#content_exemples table#table_exemples tbody tr td.exemple_content p.exemples_questions { font: bold 14px Arial; color: #dc6716; text-align: center; }
div#content div#content_left div#content_exemples div#merci { width: 593px; height: 49px; margin: 0 0 20px 23px; padding-top: 10px;  background-color: #ffa902; font: bold 15px Arial; text-align: center; color: white; }
div#content div#content_left div#content_exemples div#merci p { font: bold 19px Arial; color: white; padding-top: 0; margin: 0; }
div#content div#content_left div#archives {width:600px;margin:10px 0 20px 0;}
div#content div#content_left div#archives div#haut {width:600px;height:15px;background-image:url('../imgs/haut_bloc_archives.png');padding:0;float:left;}
div#content div#content_left div#archives div#contenu {width:600px;background-image:url('../imgs/fond_bloc_archives.png');padding:0;float:left;}
div#content div#content_left div#archives div#bas {width:600px;height:15px;background-image:url('../imgs/bas_bloc_archives.png');padding:0;float:left;}
div#content div#content_left div#archives div#contenu h2 {font-size: 16px; font-weight: bold; color: #303030;margin-left:15px;}
div#content div#content_left div#archives div#contenu ul li {line-height:18px;}
div#content div#content_left div#archives div#contenu a {font-size:13px;}
div#content div#content_left div#archives div#contenu a:hover {font-size:13px;text-decoration:underline;font-weight:normal;}

div#content div#separator { width: 7px; height: 868px; float: left; background: url("../imgs/separator.png") no-repeat; }

div#content div#content_right { width: 320px; /*height: 869px;*/ float: left; background-color: #f8f8f8; font-size: 12px; }
div#content div#content_right div#sub_content_right { width: 270px; margin: auto; color: #262425; }
div#content div#content_right div#sub_content_right p { margin:0; }
div#content div#content_right div#sub_content_right a { color: #262425; }
div#content div#content_right div#sub_content_right span.right_title { display: block; font-size: 20px; color: #f78f01; padding: 20px 0 0 0; }
div#content div#content_right div#sub_content_right span a {text-decoration:none;color:#365f91;}
div#content div#content_right div#sub_content_right span.right_title:first-child { display: block; font-size: 20px; color: #f78f01; padding: 35px 0 0 0; }
div#content div#content_right div#sub_content_right div.hr { margin: 0 0 10px 0;  border: 1px solid #f78f01; width: auto; }
div#content div#content_right div#sub_content_right span.gras { font-weight: bold; }
div#content div#content_right div#sub_content_right span.gras_italic { font-weight: bold; font-style: italic; }
div#content div#content_right div#sub_content_right div#border_tiret { margin: 8px 0; border: 1px dashed #a79a9a; width: auto; }
div#content div#content_right div#sub_content_right ul { margin-left: 0; margin-top:0; padding-left: 13px; list-style-image: url("../imgs/puce.png"); }
div#content div#content_right div#sub_content_right ul li { padding-bottom: 10px; margin-top:0;}
div#content div#content_right div#sub_content_right a img { margin-bottom: 30px; }


/**********     FOOTER      ************/
div#footer { width: auto; background-color: #434343; color: #ababac; font-size: 10px; }
div#footer p.reseaux_sociaux { text-align: center; margin: 0 0 22px 0; position: relative; top: 7px; }
div#footer p.reseaux_sociaux a:first-child { padding: 0; }
div#footer p.reseaux_sociaux a { padding-left: 37px; }
div#footer div#hr_footer { width: 878px; height: 1px; display: block; background: url("../imgs/sep_footer.png") no-repeat; margin: 0 auto; border: none; }

div#footer div#menu_footer { width: 700px; margin: 0 auto; }
div#footer div#menu_footer ul { list-style: none; padding: 0; margin: 0 auto; width: auto; }
div#footer div#menu_footer ul li { float: left; padding: 5px; }
div#footer div#menu_footer ul li.item_separator { padding: 5px 0; }
div#footer div#menu_footer ul li a { color: #f4f4f4; font-size: 11px; text-decoration: none; }
div#footer div#menu_footer ul li a:hover { text-decoration: underline; }

div#footer p.coordonnees { text-align: center; margin: 0; padding-bottom: 20px; line-height:15px;}
div#footer p.coordonnees strong {font-size:12px;}
div#footer p.coordonnees a { color: #ababac; text-decoration: none; }
div#footer p.coordonnees a:hover { text-decoration: underline; }


/***************************        LIGHTBOX            ***********************************/
#bg_fade { background-color:#555555; height:140%; left:0; margin:0; padding:0; position:absolute; top:0; visibility:hidden; width:100%; z-index:1000; }
#containerDiv { position: fixed; width: 30%; z-index: 99999; display: none; }
#containerDiv a { color: #000000; text-decoration: none; }
#containerDiv a:hover { text-decoration: underline; }
#containerDiv p { position: relative; height: 10%; padding: 10%; text-align: center; border: 1px white solid; background-color: white; z-index: 99999; }


/*************************************** FORMULAIRE  ***********************************/
div.testez_vous h1 { font-size:20px; color: #303030; margin:0 0 15px 25px}
div.testez_vous div.titre_formulaire{background: url("../imgs/testez_vous.png") 0 0 no-repeat; height: 35px; width: 926px; margin: 0 auto 45px;}
#avertissement p {font-size:12px; margin: 0 30px 0 30px;}
#avertissement2 p {font-size:11px; margin: 0 30px 0 30px;padding-bottom:20px;}
#resultatstest p {font-size:13px; margin: 0 30px 0 30px;}
#labelradio {float:right;margin-right:27px;}
#labelradio div {display:block;width:90px;float:right;font-size:11px;text-align:center;}
div.testez_vous div.error{font-size: 12px; font-weight: bold;width: 926px;margin:auto; color: #f78d00;}
div.testez_vous form div.component.hidden:before, div.testez_vous form div.component.hidden, div.testez_vous form div.component.hidden label,div.testez_vous form div.component.hidden div.input{height: 0; padding: 0; font: 0; line-height: 0; margin: 0;}
div.testez_vous form div.component.hidden:before{content: "";}
div.testez_vous form div.component>label,div.testez_vous form div.component>div.input{display:table-cell;vertical-align: middle;float:none;}
div.testez_vous form { counter-reset: list }
div.testez_vous form div.component:before{content: counter(list) " ";counter-increment: list; color: #fff; height: 16px; width: 16px; background-color: #f78d00; margin: 19px 15px auto 10px; float: left;line-height: 18px; font-size: 12px; font-weight: bold; text-align:center;}
div#content div#contenu_testez_vous{background-color:#f3f3f3; width: 980px; min-height: 861px; margin-right: auto; margin-left: auto; padding-top: 35px;}
div.testez_vous form div.component{font-size: 14px; width: 926px; margin: 5px auto;display:table;}
div.testez_vous form div.component label{display:table-cell;width:520px;height: 54px;vertical-align: middle;}
div.testez_vous form div.component div.input{display:table-cell;width: 360px; height: 54px;}
div.testez_vous form div.component div.input div.radiogroup span.radio {display:table-cell;width:90px;text-align:center;height: 54px;vertical-align: middle;}
div.testez_vous form div.component div.input div.radiogroup span.radio label{display: none;}
div.testez_vous form div.mandatory {font-size: 10px;  width: 926px; margin: auto; text-align: right;}
div.testez_vous form div.component.impaire{background-color: #fff;}
div#contenu_testez_vous div.testez_vous div.repaire_top{width: 200px;height: 20px; margin: 0 auto 20px auto;}
ul.repaire_question{list-style: none; text-align: center;}
ul.repaire_question li{display: block; float: left; width: 20px; height: 20px; font-size: 15.36px; font-weight: bold; color: #fff; margin-right: 15px; background-color: #9d9d9d; line-height: 20px; text-align: center; }
ul.repaire_question li.active{background-color: #434343;}
.button-long{background-image: url("../imgs/bouton_questionnaire.png"); color: #fff; font-size: 14px; font-weight: bold;width: 201px; height: 34px; border: 0; cursor:  pointer;}
div.testez_vous form div.component.submit label{display: none;}
div.testez_vous form div.component.submit div.input{margin: auto; float: none;}
div.testez_vous form div.component.submit:before{content: ""; display: none;}
div.component div.inp_separator{clear: both;}
div.testez_vous form div.component.submit{width: 201px; margin-left: auto; margin-right: auto;}


/***************************************************  CONTACT ******************************************/
div#contenu_contact h1 { font-size:20px; color: #303030; margin:35px 0 25px 25px}
div#contenu_contact div.title_contact {width: 181px; height: 27px; background: url("../imgs/nous_contacter.png") 0 0 no-repeat; margin: 35px 0 40px 25px }
div#contenu_contact form div.mandatory {text-align: right; font-size: 10px; padding-top: 8px; padding-bottom: 20px; width: 490px; margin-left: auto; margin-right: auto;}
div#contenu_contact form {position: relative; width: 504px; min-height: 524px; margin: 5px auto 0 auto; background-color: #fff; font-size: 12px;}
div#contenu_contact form div.component div.input {width: 250px; float: left;}
div#contenu_contact form div.component label {width: 170px; text-align:right;float: left;margin-right: 20px;}
div#contenu_contact form div.component div.input div.radiogroup span.radio {float: left;}
div#contenu_contact form div.component div.input div.checkboxgroup table tbody tr td label {text-align: left;}
div#contenu_contact form div.component div.input div.radiogroup span.radio label {float: none;text-align: left;}
div#contenu_contact form div.component {margin: 10px auto;}
div#contenu_contact form div.component div.input textarea {width: 250px; height: 70px;}
div#contenu_contact form div.component:last-child {position: absolute; top:550px; width: 120px; margin-left: auto; margin-right: auto; left: 200px;}
div#contenu_contact form div.component div.input input#inp_contact_submit.button-long {background-image: url("../imgs/bouton_contact.png"); color: #fff; font-size: 14px; font-weight: bold;width: 120px; height: 34px; border: 0; cursor:  pointer;}
div#contenu_contact form div.component:last-child label {display: none;}
div#contenu_contact form div.component div.input select#inp_contact_inscription_seminaire {width: 250px;}
div#contenu_contact div.error {font-size: 12px; font-weight: bold;width: 504px;margin:auto; color: #f78d00;}
div#contenu_contact form div.component div.input input.text_field { width: 252px; }