/* CSS Document */

/* Set de couleurs utilisées sur le portail */
/* Attention ce ne sont pas des paramètres CSS!

color01 :#d82930; Rouge
color02 :#dfb813; Jaune foncé
color03 :#5ca2d3; Bleu
color04 :#6d2b7f; Violet
color05 :#7bb648; Vert
color06 :#f87221; Orange
color07 :#5b6175; Bleu gris

color08 :#555555; Gris foncé
color09 :#ffdd33; Jaune doré
color10 :#5f6066; Bleu gris foncé

*/

/**
 *
 *  0. Onglets des mini-sites
 *  1. Styles généraux (ex. balises HTML)
 *  2. Arrière plan
 *  3. Sections principales
 *  4. Sections secondaires
 *  5. Entête (Header)
 *  6. Contenu
 *  7. Pied de page (Footer)
 *  8. Divers
 *
**/
/** Les onglets **/
/* 
 * La place de ses paramètres avant tous les autres styles
 * est importante pour leur donner toute la priorité. 
 * NE PAS DEPLACER!
 */
#contenu .whatever {}
#onglet1.ui-state-active,#onglet1.ui-state-hover,.fond01 {background-color:#ff3333; z-index:500;}
#onglet2.ui-state-active,#onglet2.ui-state-hover,.fond02 {background-color:#dfb813; z-index:500;}
#onglet3.ui-state-active,#onglet3.ui-state-hover,.fond03 {background-color:#5ca2d3; z-index:500;}
#onglet4.ui-state-active,#onglet4.ui-state-hover,.fond04 {background-color:#f87221; z-index:500;}
#onglet5.ui-state-active,#onglet5.ui-state-hover,.fond05 {background-color:#6d2b7f; z-index:500;}
#onglet6.ui-state-active,#onglet6.ui-state-hover,.fond06 {background-color:#7bb648; z-index:500;}
#onglet7.ui-state-active,#onglet7.ui-state-hover,.fond07 {background-color:#5b6175; z-index:500;}

.fond09 {background:#f3d231;}

.bordure01 {border-top:solid 10px #ff3333;}/* ancien :d82930 */
.bordure02 {border-top:solid 10px #dfb813;}
.bordure03 {border-top:solid 10px #5ca2d3;}
.bordure04 {border-top:solid 10px #f87221;}
.bordure05 {border-top:solid 10px #6d2b7f;}
.bordure06 {border-top:solid 10px #7bb648;}
.bordure07 {border-top:solid 10px #5b6175;}

#rubrique_01,#jfmulticontent_c20-1 {background:url(../images/fond_rubrique_01.jpg) no-repeat left top;}
#rubrique_02,#jfmulticontent_c20-2 {background:url(../images/fond_rubrique_02.jpg) no-repeat left top;}
#rubrique_03,#jfmulticontent_c20-3 {background:url(../images/fond_rubrique_03.jpg) no-repeat left top;}
#rubrique_04,#jfmulticontent_c20-4 {background:url(../images/fond_rubrique_06.jpg) no-repeat left top;}
#rubrique_05,#jfmulticontent_c20-5 {background:url(../images/fond_rubrique_04.jpg) no-repeat left top;}
#rubrique_06,#jfmulticontent_c20-6 {background:url(../images/fond_rubrique_05.jpg) no-repeat left top;}
#rubrique_07,#jfmulticontent_c20-7 {background:url(../images/fond_rubrique_07.jpg) no-repeat left top;}

.ui-state-default.ui-corner-top {background:none repeat scroll 0 0 rgba(0, 0, 0, 0.2);}


/* GENERAL */

* {
  margin:0;
  padding:0;
}

body {
  position:relative;
  margin:0;
}
img {
  border:none;
}
h4 {margin:10px 0;}

/* ARRIERE PLAN DE LA PAGE */

#bgimg {
  width:1140px;
  position:fixed;
  z-index:-1;
}

#index,#nouveau,#dons {
  margin:0 auto;
  width:1010px;
  position:relative;
}
#index {
  background:url(../images/fin_site.png) no-repeat center bottom;
  margin-bottom:40px;
  padding-bottom:40px;
}

/* SECTIONS PRINCIPALES */

#entete {
  margin:0;
  overflow:visible;
  position:relative;
  clear:both;
  z-index:400;
}
#index #entete {min-height:425px;}


#scampus {
  padding: 0;
  margin-bottom: 20px;
  height: 50px;
  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.5);
  font-family: "Paris", Arial, Helvetica, sans-serif;
  background:/*url("../images/bar.png") repeat-x*/ rgba(254,254,254,0.8);
}


#wrapper {
  width: 1010px;
  margin: 0 auto;
}

#smilieu {
  width: 900px;
  float: right;
  height: 55px;
  display: block;
  text-transform: uppercase;
  font-size: 16px; 
  letter-spacing: 0.5px;
}

#scampus .block_titre{
  color: #000;
  display: flex;
  margin: 18px 0px 10px 0px;
  float: left;
}

.carouselContainer {
  background: transparent !important;
  float: right;
}

.carouselContainer p{
  padding-top: 14px;

  text-align: center;
}

.carouselContainer a{
  color: #000;
  opacity: 1 !important;
}

.carouselContainer li{
  height: 45px !important;
 
}

.jpcarousel li {
padding-top:5px !important;
}

.jpcarousel li:hover{
  color: #fff !important;
  background: url("../images/bar_hover.png") repeat-x;
}

.carouselbuttons {
  padding: 0 !important;
  margin-top: -30px;
}

.carouselbuttons a img {
  height: 16px !important;
  width: 17px !important;
}

.carouselbuttons .carouselprev img{
 margin-left: -22px !important;
}

.carouselbuttons .carouselnext img{
  margin-right: -4px !important;
}


#campus {
  background-color: #040E36;
  width:936px;
  padding:15px;
  clear:both;
  left:110px;
  top:275px;
  -moz-border-radius:5px;
  border-radius:5px;
  display:none;
}

/*#campus #c513 {
  margin-left: 15px;
}*/

#contenu {
  position:relative;
  clear:both;
  z-index:100;
}

#footer {
  background:url(../images/fin_site.png) no-repeat center top;
  min-height:30px;
  width:100%;
  position:relative;
  clear:both;
  z-index:100;
}

/* ENTETE */
/** Chapeau **/
#chapeau {
  height:125px;
  padding:10px 0;
  position:relative;
  z-index:900;
}
#logo {
  position:absolute;
  top:58px;
  left:0;
}
#nom_logo {
  padding:0;
  position:absolute;
  top:60px;
  left:100px;
}
#slogan {
  position:absolute;
  top:100px;
  left:100px;
}

/** Compteur **/
#compteur {
  position:absolute;
  top:30px;
  right:0;
  z-index:1000;
}
#compteur p, .number {float:left;}
#compteur p {padding-top:10px;}
#compteur p.lienLIVE {
  height:25px;
  width:250px;
  padding-left:10px;
  background-image:url(../images/play.png);
  background-repeat:no-repeat;
  background-position:right top;
}
.number {
  background:url(../images/transparency1.png);
  margin:0 1px;
  height:auto;
  width:55px;
  padding:2px;
}
.number img {margin:1px; vertical-align:bottom;}

/** Liens sociaux **/
#social {
  height:20px;
  width:50%;
  text-align:right;
  padding:10px 0 5px;
  position:absolute;
  top:60px;
  right:0;
  z-index:1000;
}
#social div {float:right; width:50px; text-align:center; padding:5px 0;}
.social_item {float:right; height:32px; padding-left:10px;}

/** Liens utiles (Nouveau, Espace Media, Trouver campus) **/
.groupe_liens_utiles {
  background:rgba(254,254,254,0.7);
  list-style:none outside none;
  min-height:180px;
  padding:20px 0 0;
  position:absolute;
  right:0;
  top:455px;
  z-index:800;
}
.groupe_liens_utiles li {
  background:url("../images/liensutiles.png");
  box-shadow:-3px 3px 3px rgba(0, 0, 0, 0.5);
  height:35px;
  margin:0 0 10px;
  padding:5px 20px;
  position:relative;
  right:-20px;
  text-align:right;
  width:160px;
}
.groupe_liens_utiles li:after {
  border-right:20px solid rgba(0, 0, 0, 0);
  border-top:20px solid #333333;
  content:"";
  height:0;
  position:absolute;
  right:0;
  top:45px;
  width:0;
  z-index:-1;
}
.groupe_liens_utiles li:hover {
  background:url(../images/liensutiles.png) no-repeat left -52px;
  cursor:pointer;
}

/** Diaporama (Slider) **/
#diapos {
  background:url(../images/fin_site.png) no-repeat center 280px;
  min-height:280px;
  width:100%;
  position:relative;
  clear:left;
  z-index:100;
}
#diapos .lof-slider_1 {
  padding-bottom:30px;
}
#diapos .lof-slider_1 .lof-horizontal {
  left:10px;
  right:auto;
  bottom:5px;
}
#diapos .lof-slider_1 .lof-description_black a:hover,
#diapos .lof-slider_1 .lof-description_white a:hover,
#diapos .lof-slider_1 .lof-description_nobg a:hover {color:#FF0; text-decoration:none;}
#diapos .csc-textpic-imagewrap {
  margin-right:20px !important;
  box-shadow:0 2px 6px #333;
  height:123px;
}
#annonce {
  height:90px;
}
#annonce .date {
  width:260px;
  padding:10px 20px 0 0;
  position:relative;
  float:left;
}
#annonce .resume {
  margin-right:10px;
  min-height:60px;
  width:200px;
  border-left:dotted 1px #FFF;
  padding:20px 10px;
  position:relative;
  float:left;
}
#annonce .more {
  position:absolute;
  bottom:-22px;
  right:100px;
  width:110px;
  padding:3px 10px;
}

/** Nos séries **/
#series h3,
#series .bodytext {
  margin-left:10px;
  padding-bottom:10px;
}
#c472 {
  background:rgba(0, 0, 0, 0.7);
  padding:10px;
  width:780px;
  min-height:180px;
}
#c472 .csc-textpic.csc-textpic-intext-left {
  width:780px;
}
#c472 .csc-textpic-imagewrap {
  box-shadow:0 2px 6px #333333;
  height:123px;
  margin-bottom:40px;
  margin-right:20px !important;
}


/* CAMPUS */
#gbx_overlay {
  width:100%;
  height:100%;
  position:fixed;
  left:0;
  top:0;
  margin:0;
  z-index:7999;
  display:none;
  background:#000; 
  opacity:.50;
  filter:alpha(opacity=50); 
  -moz-opacity:0.5;
}

* html #gbx_overlay {
  position:absolute; /*IE does not work with position fixed*/
  top:expression((0 + (ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop :document.body.scrollTop)) + 'px'); 
  right:expression((0 + (ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft :document.body.scrollLeft)) + 'px');
  width:110%;
}
#campus h2 {
  margin:20px 0;
}
#close_campus {
  background:url(../images/fileclose.png) no-repeat left top;
  height:0;
  padding:16px;
  position:absolute;
  top:235px;
  right:-15px;
  z-index:9000;
  display:none;
}
#campus .csc-default {
  margin-bottom:10px;
  float:left;
  width: 303px;
}


/* CONTENU */
#contenu .menu_principal {
  margin:10px auto 0;
  height:20px;
  padding:0;
  list-style-type:none;
  display:block;
  position:absolute;
  z-index:100;
}
#contenu .menu_principal li {
  margin:0 30px;
  padding:5px 0;
  text-align:center;
  display:block;
  float:left;
}
.colonne_panneau {
  float:left;
  width:300px;
}
h2.titre_panneau {
  height:40px;
  width:100%;
  float:left;
  clear:both;
}
h5.firstHeader {
  padding:10px 0 5px !important;
}

.fond_nouveau h1, .fond_dons h1 {margin-left:100px; padding-top:60px;}
.fond_dons {
  background:url(../images/fond_nouveau.png) repeat-x center top;
  padding-bottom:40px;
  position:relative;
}

/* Page JE SUIS NOUVEAU A ICC */
/*#nouveau h2 {margin:5px 0; padding:0; text-align:center; line-height:1.2em;}*/
#nouveau ul {list-style-position:inside;}

.col_full {padding:0 85px 0 140px;}
.col_full h2 {margin:10px 50px 10px 0; line-height:0.9em;} /* anciennement p#accroche */
.col_full h3 {background-color:#FFF; padding: 10px 5px; }
.col_full h3 a {margin:10px 50px 10px 20px; line-height:0.9em; color: #174a76;}
.col_full fieldset legend { color:#FFFFFF;}
.col_full > div > p {padding-left:30px; line-height:1.3em;}


/* Page DONS */
/*.fond_dons {min-height:965px;}*/
.fond_dons h2,.fond_dons h3,.fond_dons p,.fond_dons ul {margin:0 20px;}

#bouton_gauche, #bouton_droite {margin:30px 0; width:280px; padding:0 50px; float:left; position:relative; display:none;}
#bouton_gauche {margin-left:120px; display:none;}

#paybox a {background:url(../images/bouton_SOGE.png) no-repeat center top; margin:0 auto; height:0; width:280px; padding-top:100px; outline:none; display:block;}
#paybox a:hover {background:url(../images/bouton_SOGE.png) no-repeat center bottom;}

#paypal {text-align:center;}
#paypal form {margin:0 auto; height:100px; padding:0; overflow:hidden;}
#paypal input[type=image] {}
#paypal input[type=image]:hover {position:relative; top:-100px;}

#video_dons {margin:0 auto; width:640px; height:380px; clear:both; display:none;}

#texte_dons {margin:40px auto 0; width:850px; padding-bottom:20px; text-align:justify; clear:both;}
#texte_dons > div.csc-default {background:url(../images/fond_bloc.png); margin-bottom:40px; margin-right:10px; width:415px; min-height:520px; padding-bottom:20px; float:left;}
#texte_dons p {padding-bottom:20px; line-height:1.5em;}
#texte_dons ul {list-style:none;}
#texte_dons ul li {background:url(../images/liste_dons.png) no-repeat left 2px; margin-bottom:10px; padding-left:20px;}

.process h1 {margin:0; text-align:center;}
.process h3 {margin-bottom:15px; text-align:center;}
.image_process {margin:20px 0 10px; text-align:center;}

#paybox_form table {position:relative;}
#paybox_form td {padding-bottom:5px;}
#paybox_form label {margin-right:15px;}
#paybox_form input {border:solid 1px #722007; margin:5px;}
#paybox_form input[type=image] {border:none;}
#paybox_form a {height:0; overflow:hidden;}
#paybox_form p {margin:0; padding:10px 0;}
#paybox_form img {margin:5px;}

#valider,#annuler,#retour {height:50px; overflow:hidden; position:relative;}

#valider input:hover {position:relative; top:-50px;}
#annuler a:hover img,#retour a:hover img {position:relative; top:-50px;}

#retour {text-align:center;}

#message, #message .csc-textpic-text {text-align:center;}
#message h3 {clear:both;}

/* Page TEMOIGNAGES */
#texte_temoignages {margin:40px auto 0; width:850px; padding-bottom:20px; text-align:justify; clear:both; left:300px;}
#texte_temoignages > div.csc-default {align:center;}
#texte_temoignages form {padding:10px; width:700px; margin:0 auto;}
#texte_temoignages form textarea {width:600px;}
#texte_temoignages form input[type=submit] {width:100px; box-shadow:1px 1px 1px #FFFFFF; cursor:pointer;}
#texte_temoignages fieldset {padding:0 20px 20px 20px;}
#texte_temoignages label {margin-top:10px; display:block;}
#texte_temoignages label.inline{display:inline; margin-right:50px;}


/* PIED DE PAGE */
#copyright {
  height:20px;
  width:100%;
  padding:25px 0 20px;
  float:left;
  text-align:center;
}

/* Plan du site */
#plan_site {
  background:url(../images/fond_plan_site.png);
  border-top:dotted 1px #BBB /* ancien :5f6066*/;
  border-bottom:dotted 1px #BBB;
  height:auto;
  width:100%;
  clear:both;
}
#plan_site h5 {
  border-bottom:dotted 1px #BBB;
  padding:7px !important;
}
.plan_mini_site {
  border-right:dotted 1px #BBB;
  margin:10px 0;
  min-height:300px;
  width:13%;
  padding:0 5px;
  float:left;
}
.plan_mini_site h5 {height:40px;}
.plan_mini_site ul {margin:0 0 10px; list-style-type:none;}

/* Liens partenaires */
#partenaires {background:url(../images/partenaires.png) no-repeat top center; height:110px;}

#partenaires .csc-textpic-imagewrap {width:100% !important; height:110px;}
#partenaires .csc-textpic-image {margin:0; padding:10px 10%;}
#partenaires .csc-textpic-lastcol {padding-top:30px;}
#partenaires .csc-textpic .csc-textpic-imagewrap ul li {float:none;}
#partenaires .csc-textpic .csc-textpic-imagewrap .csc-textpic-image img {margin-top:10px;}

/* DIVERS */
.clear {clear:both;}
.last {
  margin-right:0px;
  border-right:none;
}

.lof-slider_1 .lof-navigator li img {
  width: 71px !important;
  height: 20px !important;
}


#map{
  width: 990px;
  height: 600px;
  display: none;
  top: 250px;
  left: 0;
  border: 10px solid #fff;
}

#map iframe{
  border: 0;
}