@charset "utf-8";
/* reset css */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;

	
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1; background: #48494a;
}
.mceContentBody {
	background: #FFF;
	padding-top: 20px;
}
.email { /* necessaire pour affichage ds le CMS */ }
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
html, body { 
  width: 100%;
  height: 100%;
  
}
a { 
  text-decoration: none; color: #DC0714;
  
}
a:hover { 
  text-decoration: underline;
  
}

strong, b { 
 font-weight: 700;
  
}
em, i { 
 font-style: italic;
  
}


.clear { clear: both;}

/* programmes custom */







/* ----------------------------- CTO about us DES Destination et SER services --------------------------------- */


#CTO, #DES, #SER, #HP { 
  margin:0;
  padding:0;
  background: url(/images/HP_back/back_cto2.jpg) no-repeat top center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover  ; 
} 
sidebar ul li ul li:before , sidebar ul li a:hover, sidebar ul li.active a, sidebar .active, sidebar #box ul li .active, sidebar #box ul li a:hover , #texte h1, #CTOsidebar ul li ul li:before, .fil a, #texte ul li:before, #texte .asavoir:before, #texte .question:before, #texte .question:hover, #texte a:hover, #texte table a  {   color: #DC0714;}
.bckgndcolor, .picto a:hover:before,  .picto .active:before, sidebar:after {   background-color: #DC0714;}
#texte .asavoir {border-left : 3px solid #DC0714}

#texte .bouton {background: #DC0714; border: 1px solid #a8050f; font:  font-family: 'Open Sans', sans-serif; font-weight: 400; font-size: 12px; color: #fff !important; text-align:center; padding: 7px 12px 7px 12px;  text-transform: uppercase;    cursor:pointer; -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;    transition: all .3s ease; text-decoration: none !important;         }
#texte .bouton:hover {background: #a8050f; border: 1px solid #000;      }


/* ------------------------------euraupair--------------------------------- */

#AP { 
  margin:0;
  padding:0;
  background: url(/images/HP_back/back_euraupair.jpg) no-repeat top center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover  ;
}

#AP sidebar ul li a:hover , #AP sidebar .active , #AP sidebar #box ul li .active , #AP sidebar #box ul li a:hover , #AP #texte h1 , #AP sidebar ul li ul li:before , #AP .fil a , #AP #texte ul li:before , #AP #texte .asavoir:before , #AP #texte .question:before, #AP #texte .question:hover , #AP #texte a:hover , #AP #texte table a   {   color: #e4013a;}
#AP .bckgndcolor, #AP .picto a:hover:before, #AP .picto .active:before, #AP sidebar:after {   background-color: #e4013a;}

#AP #titre .logo{ background: url(/images/logos/prg/logo_AP.png) right center no-repeat;  }

#AP #texte .asavoir {border-left : 3px solid #e4013a}



/* ------------------------------bouton CTA--------------------------------- */ 
#AP #texte .bouton {background: #e4013a; border: 1px solid #ae012c; font:  font-family: 'Open Sans', sans-serif; font-weight: 400; font-size: 12px; color: #fff !important; text-align:center; padding: 7px 12px 7px 12px;  text-transform: uppercase;    cursor:pointer; -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;    transition: all .3s ease; text-decoration: none !important;         }
#AP #texte .bouton:hover {background: #ae012c; border: 1px solid #000;      }



 
/* ------------------------------80jours--------------------------------- */ 
#JO  { 
  margin:0;
  padding:0;
  background: url(/images/HP_back/back_80jours.jpg) no-repeat top center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover  ;

}

#JO sidebar ul li a:hover, #JO sidebar ul li.active a, #JO sidebar .active, #JO sidebar #box ul li .active, #JO sidebar #box ul li a:hover , #JO #texte h1, #JO sidebar ul li ul li:before, #JO .fil a, #JO #texte ul li:before, #JO #texte .asavoir:before, #JO #texte .question:before, #JO #texte .question:hover, #JO #texte .question:active,  #JO #texte a:hover, #JO #texte table a {   color: #1855a6;}
#JO .bckgndcolor, #JO .picto a:hover:before,  #JO .picto .active:before, #JO sidebar:after {   background-color: #1855a6;}

#JO #titre .logo{ background: url(/images/logos/prg/logo_JO.png) right center no-repeat; }
#JO #texte .asavoir {border-left : 3px solid #1855a6}

/* ------------------------------bouton CTA--------------------------------- */ 
#JO #texte .bouton {background: #1855a6; border: 1px solid #ae012c; font:  font-family: 'Open Sans', sans-serif; font-weight: 400; font-size: 12px; color: #fff !important; text-align:center; padding: 7px 12px 7px 12px;  text-transform: uppercase;    cursor:pointer; -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;    transition: all .3s ease; text-decoration: none !important;         }
#JO #texte .bouton:hover {background: #ae012c; border: 1px solid #000;      }



/* ------------------------------gocampus--------------------------------- */ 
#CA  { 
  margin:0;
  padding:0;
  background: url(/images/HP_back/back_gocampus.jpg) no-repeat top center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover  ;

}

#CA sidebar ul li a:hover, #CA sidebar ul li.active a, #CA sidebar .active, #CA sidebar #box ul li .active, #CA sidebar #box ul li a:hover , #CA #texte h1, #CA sidebar ul li ul li:before, #CA .fil a, #CA #texte ul li:before, #CA #texte .asavoir:before, #CA #texte .question:before, #CA #texte .question:hover,  #CA #texte a:hover, #CA #texte table a  {   color: #f7a70e;}
#CA .bckgndcolor, #CA .picto a:hover:before, #CA .picto .active:before, #CA sidebar:after {   background-color: #f7a70e;}

#CA #titre .logo{ background: url(/images/logos/prg/logo_CA.png) right center no-repeat;   }

#CA #texte .asavoir {border-left : 3px solid #f7a70e}

/* ------------------------------bouton CTA--------------------------------- */ 
#CA #texte .bouton {background: #f7a70e; border: 1px solid #bd7e07; font:  font-family: 'Open Sans', sans-serif; font-weight: 400; font-size: 12px; color: #fff !important; text-align:center; padding: 7px 12px 7px 12px;  text-transform: uppercase;    cursor:pointer; -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;    transition: all .3s ease; text-decoration: none !important;         }
#CA #texte .bouton:hover {background: #bd7e07; border: 1px solid #000;      }




/* ------------------------------ Séjour d'été (SE) page d'accueil vers SF et SC --------------------------------- */ 
#SE  { 
  margin:0;
  padding:0;
  background: url(/images/HP_back/back_summer.jpg) no-repeat top center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover  ;
}

#SE sidebar ul li a:hover, #SE sidebar ul li.active a, #SE sidebar .active, #SE sidebar #box ul li .active, #SE sidebar #box ul li a:hover , #SE #texte h1, #SE sidebar ul li ul li:before, #SE .fil a, #SE #texte ul li:before, #SE #texte .asavoir:before, #SE #texte .question:before, #SE #texte .question:hover,  #SE #texte a:hover, #SE #texte table a {   color: #1991c1;}
#SE .bckgndcolor, #SE .picto a:hover:before,  #SE .picto .active:before, #SE sidebar:after {   background-color: #1991c1;}

#SE #titre .logo{ background: url(/images/logos/prg/logo_SE.png) right center no-repeat;  
 }
 
 #SE #texte .asavoir {border-left : 3px solid #1991c1}
 
 /* ------------------------------bouton CTA--------------------------------- */ 
#SE #texte .bouton, #SF #texte .bouton, #SC #texte .bouton {background: #1991c1; border: 1px solid #136a8c; font:  font-family: 'Open Sans', sans-serif; font-weight: 400; font-size: 12px; color: #fff !important; text-align:center; padding: 7px 12px 7px 12px;  text-transform: uppercase;    cursor:pointer; -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;    transition: all .3s ease; text-decoration: none !important;         }
#SE #texte .bouton:hover, #SF #texte .bouton:hover, #SC #texte .bouton:hover {background: #136a8c; border: 1px solid #000;      }



 
/* ------------------------------summer family (SF) --------------------------------- */ 

#SF  { 
  margin:0;
  padding:0;
  background: url(/images/HP_back/back_summerfamily.jpg) no-repeat top center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover  ;
}

#SF sidebar ul li a:hover, #SF sidebar ul li.active a, #SF sidebar .active, #SF sidebar #box ul li .active, #SF sidebar #box ul li a:hover , #SF #texte h1, #SF sidebar ul li ul li:before, #SF .fil a, #SF #texte ul li:before, #SF #texte .asavoir:before, #SF #texte .question:before, #SF #texte .question:hover,  #SF #texte a:hover, #SF #texte table a, #SF #hp_vignette2 #hp_vignette_contenu span, #SF #hp_vignette2 #hp_vignette_contenu span a, #SF #hp_vignette2 #hp_vignette_contenu h2 {   color: #1991c1;}
#SF .bckgndcolor, #SF .picto a:hover:before,  #SF .picto .active:before, #SF sidebar:after {   background-color: #1991c1;}

#SF #titre .logo{ background: url(/images/logos/prg/logo_SF.png) right center no-repeat; 
 }


#SF .sejour {
background: none repeat scroll 0 0 #1991c1;
color: #FFFFFF;
font-family: arial;
font-size: 45px;
font-weight: bold;
margin-right: 10px;
padding:15px;
float:left;
}

 #SF #texte .asavoir {border-left : 3px solid #1991c1}

/* ------------------------------summer camp (SC) --------------------------------- */ 

#SC  { 
  margin:0;
  padding:0;
  background: url(/images/HP_back/back_summercamp.jpg) no-repeat top center fixed;  
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover  ;
}

#SC sidebar ul li a:hover, #SC sidebar ul li.active a, #SC sidebar .active, #SC sidebar #box ul li .active, #SC sidebar #box ul li a:hover , #SC #texte h1, #SC sidebar ul li ul li:before, #SC .fil a, #SC #texte ul li:before, #SC #texte .asavoir:before, #SC #texte .question:before, #SC #texte .question:hover,  #SC #texte a:hover, #SC #texte table a, #SC #hp_vignette2 #hp_vignette_contenu span,  #SC #hp_vignette2 #hp_vignette_contenu span a, #SC #hp_vignette2 #hp_vignette_contenu h2 {   color: #1991c1;}
#SC .bckgndcolor, #SC .picto a:hover:before,  #SC .picto .active:before,#SC sidebar:after {   background-color: #1991c1;}

#SC #titre .logo{ background: url(/images/logos/prg/logo_SC.png) right center no-repeat;   /* LOGO MANQUANT */
 }

 #SC #texte .asavoir {border-left : 3px solid #1991c1}

/* ------------------------------experiment--------------------------------- */ 
#EX { 
  margin:0;
  padding:0;
  background: url(/images/HP_back/back_experiment.jpg) no-repeat top center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover  ;

}

#EX sidebar ul li a:hover, #EX sidebar ul li.active a, #EX sidebar .active, #EX sidebar #box ul li .active, #EX sidebar #box ul li a:hover , #EX #texte h1, #EX sidebar ul li ul li:before, #EX .fil a, #EX #texte ul li:before, #EX #texte .asavoir:before, #EX #texte .question:before, #EX #texte .question:hover,  #EX #texte a:hover, #EX #texte table a {   color: #1369ac;}
#EX .bckgndcolor, #EX .picto a:hover:before,  #EX .picto .active:before, #EX sidebar:after {   background-color: #1369ac;}

#EX #titre .logo{ background: url(/images/logos/prg/logo_EX.png) right center no-repeat;  
 }
 #EX #texte .asavoir {border-left : 3px solid #1369ac}
 
 /* ------------------------------bouton CTA--------------------------------- */ 
#EX #texte .bouton {background: #1369ac; border: 1px solid #0b4a7b; font:  font-family: 'Open Sans', sans-serif; font-weight: 400; font-size: 12px; color: #fff !important; text-align:center; padding: 7px 12px 7px 12px;  text-transform: uppercase;    cursor:pointer; -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;    transition: all .3s ease; text-decoration: none !important;         }
#EX #texte .bouton:hover {background: #0b4a7b; border: 1px solid #000;      }


 
/* ------------------------------littlebigland--------------------------------- */ 
#LBL  { 
  margin:0;
  padding:0;
  background: url(/images/HP_back/back_littlebigland.jpg) no-repeat top center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover  ;

}

#LBL sidebar ul li a:hover, #LBL sidebar ul li.active a, #LBL sidebar .active, #LBL sidebar #box ul li .active, #LBL sidebar #box ul li a:hover , #LBL #texte h1, #LBL sidebar ul li ul li:before, #LBL .fil a, #LBL #texte ul li:before, #LBL #texte .asavoir:before, #LBL #texte .question:before, #LBL #texte .question:hover,  #LBL #texte a:hover, #LBL #texte table a {   color: #7ea7d9;}
#LBL .bckgndcolor, #LBL .picto a:hover:before,  #LBL .picto .active:before, #LBL sidebar:after {   background-color: #7ea7d9;}

#LBL #titre .logo{ background: url(/images/logos/prg/logo_LBL.png) right center no-repeat;  
 }
 #LBL #texte .asavoir {border-left : 3px solid #7ea7d9}
 
 /* ------------------------------bouton CTA--------------------------------- */ 
#LBL #texte .bouton {background: #7ea7d9; border: 1px solid #456fa2; font:  font-family: 'Open Sans', sans-serif; font-weight: 400; font-size: 12px; color: #fff !important; text-align:center; padding: 7px 12px 7px 12px;  text-transform: uppercase;    cursor:pointer; -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;    transition: all .3s ease; text-decoration: none !important;         }
#LBL #texte .bouton:hover {background: #456fa2; border: 1px solid #000;      }



/* ------------------------------isilangue--------------------------------- */ 
#IL { 
  margin:0;
  padding:0;
  background: url(/images/HP_back/back_isilangue.jpg) no-repeat top center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover  ;

}

#IL sidebar ul li a:hover, #IL sidebar ul li.active a, #IL sidebar .active, #IL sidebar #box ul li .active, #IL sidebar #box ul li a:hover , #IL #texte h1, #IL sidebar ul li ul li:before, #IL .fil a, #IL #texte ul li:before, #IL #texte .asavoir:before, #IL #texte .question:before, #IL #texte .question:hover,  #IL #texte a:hover, #IL #texte table a {   color: #ed1c24;}
#IL .bckgndcolor, #IL .picto a:hover:before,  #IL .picto .active:before, #IL sidebar:after {   background-color: #ed1c24;}

#IL #titre .logo{ background: url(/images/logos/prg/logo_IL.png) right center no-repeat;  
 }
#IL #texte .asavoir {border-left : 3px solid #ed1c24}


/* ------------------------------bouton CTA--------------------------------- */ 
#IL #texte .bouton {background: #ed1c24; border: 1px solid #b01117; font:  font-family: 'Open Sans', sans-serif; font-weight: 400; font-size: 12px; color: #fff !important; text-align:center; padding: 7px 12px 7px 12px;  text-transform: uppercase;    cursor:pointer; -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;    transition: all .3s ease; text-decoration: none !important;         }
#IL #texte .bouton:hover {background: #b01117; border: 1px solid #000;      }




/* ------------------------------americawelcome--------------------------------- */ 
#AW  { 
  margin:0;
  padding:0;
  background: url(/images/HP_back/back_americawelcome.jpg) no-repeat top center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover  ;

}

#AW sidebar ul li a:hover, #AW sidebar ul li.active a, #AW sidebar .active, #AW sidebar #box ul li .active, #AW sidebar #box ul li a:hover , #AW #texte h1, #AW sidebar ul li ul li:before, #AW .fil a, #AW #texte ul li:before, #AW #texte .asavoir:before, #AW #texte .question:before, #AW #texte .question:hover,  #AW #texte a:hover, #AW #texte table a {   color: #fbab33;}
#AW .bckgndcolor, #AW .picto a:hover:before,  #AW .picto .active:before, #AW sidebar:after {   background-color: #fbab33;}

#AW #titre .logo{ background: url(/images/logos/prg/logo_AW.png) right center no-repeat;  
 }
#AW #texte .asavoir {border-left : 3px solid #fbab33}
 
 
 /* ------------------------------bouton CTA--------------------------------- */ 
#AW #texte .bouton {background: #fbab33; border: 1px solid #c17c14; font:  font-family: 'Open Sans', sans-serif; font-weight: 400; font-size: 12px; color: #fff !important; text-align:center; padding: 7px 12px 7px 12px;  text-transform: uppercase;    cursor:pointer; -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;    transition: all .3s ease; text-decoration: none !important;         }
#AW #texte .bouton:hover {background: #c17c14; border: 1px solid #000;      }
 
 
 


/*----------- arriere plan 

#trame{ 
  background: url(/images/tramage.png) repeat top center fixed; width: 100%; height: 100%; 
}
--------------------------*/



/* header */

header{ width: 100%; 
background-image: -webkit-linear-gradient(top, rgba(0,0,0,0.2) 0%, rgba(0,0,0,0) 100%);
background-image:    -moz-linear-gradient(top, rgba(0,0,0,0.2) 0%, rgba(0,0,0,0) 100%);
background-image:     -ms-linear-gradient(top, rgba(0,0,0,0.2) 0%, rgba(0,0,0,0) 100%);
background-image:      -o-linear-gradient(top, rgba(0,0,0,0.2) 0%, rgba(0,0,0,0) 100%);
background-image:         linear-gradient(top, rgba(0,0,0,0.2) 0%, rgba(0,0,0,0) 100%);
}

#header{ 
width: 1280px; margin:auto; padding-top:  40px; margin-bottom: 20px; position: relative;
}

#social{ 
  margin:0;
  padding:0;
position: absolute;
right: 0; top: 40px;
z-index: 1;
}

#social li{ 
 list-style-type: none;
 display: inline-block;
 margin-right: 4px;
}
#social li:last-child{ 
 margin-right: 0px;
}

#social li a{    filter : alpha(opacity=60);  opacity : 0.6;
-webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease; 	
  }
 #social li a:hover{    filter : alpha(opacity=100);  opacity : 1;
	
	  }
#HP #headnews {display: none }	
/* #DES #headnews, #CTO #headnews, #SER #headnews {display: none }	 */

#headnews {position: relative; width: 290px; height: 37px; margin-right: 4px; }	  
#headnews .contenu {   width: 280px; height: 25px; border-radius: 5px; background: rgba(250,250,250,0.9); border : 1px solid #CCC; padding: 5px 10px 5px 35px ; overflow: hidden;  font-family: 'Open Sans', sans-serif; font-weight: 400; font-size: 11px; color: #666; text-align: left; display: inline-block; line-height: 14px; -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease; 	cursor: pointer; position: absolute; top: 0; right: 0;  }	 
#headnews .contenu:hover {    height: 80px; overflow: hidden; top: -27px   }	 

#headnews .contenu .contentest:before { display: inline-block; content: ""; background: url(/images/picto/picto_cloche.png) center center no-repeat; position: absolute; top: 0px; left: 0; width: 20px ; height: 25px; padding: 5px ; border-right: 1px solid #ccc; margin-right: 5px; -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease; }	 
#headnews .contenu .contentest:after { display: inline-block; content: ""; background: url(/images/picto/picto_news_hautbas.png) center center no-repeat; position: absolute; top: 0px; right: 2px; width: 7px ; height: 25px; padding: 5px ; border-left: 1px solid #ccc; margin-left: 5px; -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease; }	 
#headnews .contenu .contentest:hover, #headnews .contenu .contentest:hover:after, #headnews .contenu .contentest:hover:before { height: 80px;  }	 
#headnews .picto{   display: none    }	  
	  
/* structure page */
#page,  #footer_moteur { width: 1280px; margin: auto;	}
 
 /* navigation */
nav{ text-align: right; margin: 0; padding: 0; display: block;   }
nav ul {   margin: 0; padding: 0; margin-bottom: -6px;  }
nav ul li{  list-style-type: none; display: inline-block; margin-right: 35px;  font-size: 36px; text-transform: uppercase; text-shadow: 0px -2px 0px rgba(0, 0, 0, 0.5); font-family: 'Yanone Kaffeesatz', sans-serif; font-weight: 700; position: relative;}
nav ul li:last-child{ margin-right: 0px;}
nav ul li:nth-child(2){ display: none;}
nav ul li a{  color: #fafafa; text-decoration: none;  -webkit-transition: all .3s ease;    -moz-transition: all .3s ease;    transition: all .3s ease; position:relative; top: 0;  }
nav ul li a:hover, nav ul li .active { color: #dc0714;  top: -10px; text-decoration: none;   }
	
nav.fixed{
  position:fixed;
  top:0;
  z-index:1000;
  text-align: right; margin: 0; padding: 0; width: 1280px;  display: block; padding-top: 3px; background: url(/images/logo_cv.png) left top no-repeat #48494a; border-bottom: 3px solid #fafafa ; 
  -moz-box-shadow: 0px 5px 0px 0px rgba(0,0,0,0.1); 
-webkit-box-shadow: 0px 5px 0px 0px rgba(0,0,0,0.1);
-o-box-shadow: 0px 5px 0px 0px rgba(0,0,0,0.1);
box-shadow: 0px 5px 0px 0px rgba(0,0,0,0.1);
   -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;    transition: all .3s ease;  }
nav.fixed ul li a:hover, nav.fixed ul li .active{  top: -5px;  }	



/* hp */
#contenu_hp{    margin: 0; padding: 0px; position: relative; background: #fafafa  }

#hp_intro{    padding: 25px 30px 25px 30px; font-family: 'Open Sans', sans-serif; font-weight: 400; font-size: 14px; color: #767777; text-align: center; line-height: 20px;  }
#hp_intro h1{   display: inline;  }

#hp_moteur{   width: 1218px; height:65px ; margin: 0 30px 10px 30px; font-family: 'Open Sans', sans-serif; font-weight: 400; font-size: 12px; color: #48494a; border-top: 1px solid #e5e5e5; position: relative; z-index: 0;
background-image: -webkit-linear-gradient(top, rgba(250,250,250,1) 0%, rgba(235,235,235,1) 100%);
background-image:    -moz-linear-gradient(top, rgba(250,250,250,1) 0%, rgba(235,235,235,1) 100%);
background-image:     -ms-linear-gradient(top, rgba(250,250,250,1) 0%, rgba(235,235,235,1) 100%);
background-image:      -o-linear-gradient(top, rgba(250,250,250,1) 0%, rgba(235,235,235,1) 100%);
background-image:         linear-gradient(top, rgba(250,250,250,1) 0%, rgba(235,235,235,1) 100%);
 }
#hp_moteur fieldset {  float: left;}
#hp_moteur legend{  float: left; font-family: 'Yanone Kaffeesatz', sans-serif; font-weight: 400; font-size: 24px; color: #dc0714; margin: 17px 20px 0 15px ;  }
#hp_moteur .champs{  float: left; margin: 18px 0 0 0 ; text-transform: uppercase;  }
#hp_moteur .separateur{  float: left; width: 16px; height: 27px; background: url(/images/separateur_moteur.png) no-repeat top left; margin: 18px 11px 0 13px;}
#hp_moteur .destination span:before{ content: url(/images/picto/picto_destination.png); border-radius: 50px; background: #48494a; display: block; width: 23px; height: 23px; padding: 1px; text-align: center; float: left; margin: 0px 7px 0 0; }
#hp_moteur .objectif span:before{ content: url(/images/picto/picto_objectif.png);  border-radius: 50px; background: #48494a; display: block; width: 23px; height: 23px; padding: 1px; text-align: center; float: left; margin: 0px 7px 0 0; }
#hp_moteur .age span:before{ content: url(/images/picto/picto_age.png); border-radius: 50px; background: #48494a; display: block; width: 23px; height: 23px; padding: 1px; text-align: center; float: left; margin: -0px 7px 0 0; }

#hp_moteur .choix{background: #fff; border: 1px solid #ccc; padding: 7px 4px 7px 4px; text-transform: none; display: inline-block; margin-top: -2px;     }
#hp_moteur select{    outline:none;    white-space:nowrap;  border: 0;  font:  font-family: 'Open Sans', sans-serif; font-weight: 400; font-size: 12px; color: #767777; padding: 0; margin: 0; line-height: 1; background: #fff; }

#hp_moteur .input {float: left; margin: 0; padding: 0; display:block;    }
#hp_moteur input{background: #dc0714; border: 1px solid #900; font:  font-family: 'Open Sans', sans-serif; font-weight: 400; font-size: 12px; color: #fff; text-align:center; padding: 7px 12px 7px 12px; margin: 17px 0 0 20px ; text-transform: uppercase;    cursor:pointer; -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;    transition: all .3s ease;        }
#hp_moteur input:hover {background: #767777; border: 1px solid #000;      }



#hp_programmes{ padding: 0 15px 0 15px; text-align:center; }
.espace_box{ width: 40px; float: left; display: block; height: 40px; }
#hp_vignette{ width: 282px; height: 225px; margin: 15px; float: left;  }
#hp_vignette2{ width: 450px; height: 315px; float: left; border: 1px dotted #ccc; }
.hp_AP{ background: url(/images/HP_vignettes/hp_vignette_euraupair.jpg) no-repeat left center;}
.hp_CA{ background: url(/images/HP_vignettes/hp_vignette_gocampus.jpg) no-repeat center center;}
.hp_JO{ background: url(/images/HP_vignettes/hp_vignette_80jours.jpg) no-repeat right center; }
.hp_SE{ background: url(/images/HP_vignettes/hp_vignette_summer.jpg) no-repeat center center; }
.hp_SC{ background: url(/images/HP_vignettes/hp_vignette_sc.jpg) no-repeat center center; }
.hp_SF{ background: url(/images/HP_vignettes/hp_vignette_sf.jpg) no-repeat center center; }
.hp_EX{ background: url(/images/HP_vignettes/hp_vignette_experiment.jpg) no-repeat left center;}
.hp_LBL{ background: url(/images/HP_vignettes/hp_vignette_littlebigland.jpg) no-repeat center center; }
.hp_IL{ background: url(/images/HP_vignettes/hp_vignette_isilangue.jpg) no-repeat center center; }
.hp_AW{ background: url(/images/HP_vignettes/hp_vignette_americawelcome.jpg) no-repeat center center;}
#hp_vignette .traitblanc, #hp_vignette2 .traitblanc{ width: 100%; height: 5px; background: url(/images/white.png) repeat-x left 1px;  }
#hp_vignette2 .bas, #hp_vignette .bas{ background: rgba(0,0,0,0.75) ; height : 40px; width: 100%; }
#hp_vignette2 .bas span{ display:none }
#hp_vignette .hp_AP{ background: url(/images/logos/HP/logo_hp_AP.png) center center no-repeat;  width: 100%; height: 40px; }
#hp_vignette .hp_CA{ background: url(/images/logos/HP/logo_hp_CA.png) center center no-repeat; width: 100%; height: 40px; }
#hp_vignette .hp_JO{ background: url(/images/logos/HP/logo_hp_JO.png) center center no-repeat;  width: 100%; height: 40px; }
#hp_vignette .hp_SE{ background: url(/images/logos/HP/logo_hp_AS.png) center center no-repeat; width: 100%; height: 40px; }
#hp_vignette2 .hp_SC{ background: url(/images/logos/HP/logo_hp_SC.png) center center no-repeat; width: 100%; height: 40px; }
#hp_vignette2 .hp_SF{ background: url(/images/logos/HP/logo_hp_SF.png) center center no-repeat; width: 100%; height: 40px;  }
#hp_vignette .hp_EX{ background: url(/images/logos/HP/logo_hp_EX.png) center center no-repeat;   width: 100%; height: 40px; }
#hp_vignette .hp_LBL{ background: url(/images/logos/HP/logo_hp_LBL.png) center center no-repeat;  width: 100%; height: 40px; }
#hp_vignette .hp_IL{ background: url(/images/logos/HP/logo_hp_IL.png) center center no-repeat;  width: 100%; height: 40px; }
#hp_vignette .hp_AW{ background: url(/images/logos/HP/logo_hp_AW.png) center center no-repeat;  width: 100%; height: 40px; }
#hp_vignette_fenetre { position: relative; width: 100%;  overflow: hidden;  height: 180px;   }
#hp_vignette2 #hp_vignette_fenetre { position: relative; width: 100%;  overflow: hidden;  height: 270px;   }

#hp_vignette_contenu {  position: absolute ; bottom: -135px;   background: url(/images/bckgnd_contenu_hp_vignette.png) center top; padding-bottom: 10px;   -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;    transition: all .3s ease;   }
#hp_vignette:hover #hp_vignette_contenu { bottom: -10px;  -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;    transition: all .3s ease;   }
#hp_vignette2 #hp_vignette_contenu { bottom: 0px; position: absolute ;   background: url(/images/bckgnd_contenu_hp_vignette.png) center top; padding-bottom: 10px;    }	
#hp_vignette2 #hp_vignette_contenu h2 { text-align: center; color: #6699cc;  font-family: 'Yanone Kaffeesatz', sans-serif; font-size: 32px; font-weight: 700; text-transform: uppercase; margin: 25px 0 0 0;  }
#hp_vignette_contenu h2 { text-align: center; color: #ccc;  font-family: 'Yanone Kaffeesatz', sans-serif; font-size: 24px; font-weight: 700; text-transform: uppercase; margin-top: 25px;  }
#hp_vignette_contenu p , #hp_vignette2 #hp_vignette_contenu p{  font-family: 'Open Sans', sans-serif; font-weight: 400; font-size: 12px; color: #fff; padding: 10px 16px 10px 17px; text-align: left; line-height: 18px;  }
#hp_vignette2 #hp_vignette_contenu p{  padding: 10px 15px 5px 15px; }
#hp_vignette_contenu span { text-align: center; font-family: 'Yanone Kaffeesatz', sans-serif; font-weight: 700; font-size: 18px; color: #dc0714; text-decoration: none; display: block;   }
#hp_vignette2 #hp_vignette_contenu span { text-align: center; font-family: 'Yanone Kaffeesatz', sans-serif; font-weight: 700; font-size: 24px; color: #6699cc; text-decoration: none; display: block;   }
#hp_vignette2 #hp_vignette_contenu span a{ text-decoration: none   }
#hp_vignette2 #hp_vignette_contenu span a:hover{ text-decoration: underline;   }
#hp_vignette_contenu span:before { content: url(/images/puce_triangle_rouge.png); margin-right: 2px;}
#hp_vignette2 #hp_vignette_contenu span:before { content: ""}

#hp_lignebas { padding: 10px 30px 25px 30px; position: relative;   }
#hp_lignebas .partenaires{ position : absolute; top: 30px; right: 30px; }
#hp_lignebas .partenaires img{ margin-left : 10px; }
#news{ width : 888px; height: 55px; background: #e5e5e5; padding : 10px; position: relative; overflow: hidden; }
#news .titrenews{  font-family: 'Yanone Kaffeesatz', sans-serif; font-weight: 700; font-size: 24px; color: #dc0714; text-transform: uppercase;
 -webkit-transform: rotate(90deg);
    -webkit-transform-origin: left top;
    -moz-transform: rotate(90deg);
    -moz-transform-origin: left top;
    -ms-transform: rotate(90deg);
    -ms-transform-origin: left top;
    -o-transform: rotate(90deg);
    -o-transform-origin: left top;
    transform: rotate(90deg);
    transform-origin: left top;
	position: absolute;
	left: 33px;
	top: 18px;
  }
 #news .contenews{ margin-left: 28px; border-left: 1px solid #c8c8c8; padding-left: 10px; height: 100%; font-family: 'Open Sans', sans-serif; font-weight: 400; font-size: 12px; color: #767777; text-align: left; line-height: 18px;  }




	
	
	
/* contenu page */
#titre{  position: relative; 
background-image: -webkit-linear-gradient(top, rgba(250,250,250,1) 0%, rgba(250,250,250,0.9) 100%);
background-image:    -moz-linear-gradient(top, rgba(250,250,250,1) 0%, rgba(250,250,250,0.9) 100%);
background-image:     -ms-linear-gradient(top, rgba(250,250,250,1) 0%, rgba(250,250,250,0.9) 100%);
background-image:      -o-linear-gradient(top, rgba(250,250,250,1) 0%, rgba(250,250,250,0.9) 100%);
background-image:         linear-gradient(top, rgba(250,250,250,1) 0%, rgba(250,250,250,0.9) 100%);

  }
  

#titre h1{ font-family: 'Yanone Kaffeesatz', sans-serif; font-size: 48px; color: #000; padding: 20px 0 0 40px; text-transform: uppercase; margin: 0; font-weight: 700;  }
#titre .fil{ font-family: 'Open Sans', sans-serif; font-weight: 400; font-size: 14px; color: #666; padding: 0 0 20px 40px; margin-top: 5px; font-style: italic;   }
#titre .fil:before{ content:"Vous êtes ici : "  }
#titre .logo{ position: absolute; right:30px; top: 25px; width: 500px; height: 60px; margin: 0; padding: 0; }


#degrade{ display: block;  height: 25px; margin: 0; padding: 0;
background-image: -webkit-linear-gradient(top, rgba(216, 216, 216, 1) 0%, rgba(250,250,250,0) 60%);
background-image:    -moz-linear-gradient(top, rgba(216, 216, 216, 1) 0%, rgba(250,250,250,0) 60%);
background-image:     -ms-linear-gradient(top, rgba(216, 216, 216, 1) 0%, rgba(250,250,250,0) 60%);
background-image:      -o-linear-gradient(top, rgba(216, 216, 216, 1) 0%, rgba(250,250,250,0) 60%);
background-image:         linear-gradient(top, rgba(216, 216, 216, 1) 0%, rgba(250,250,250,0) 60%);
  }
#contenu {   background: url(/images/bckgnd_sidebar.png) repeat-y 25px top rgb(250, 250, 250);
  background: url(/images/bckgnd_sidebar.png) repeat-y 25px top rgba(250, 250, 250, 0.9); margin: 0; padding: 0; position: relative; 
  }

  
/* sidebar */
sidebar{ float: left; width: 220px; font-family: 'Yanone Kaffeesatz', sans-serif; font-size: 24px; color: #666; text-transform: normal; font-weight: 400; z-index: 99;
  }
sidebar ul { margin: 0 0 0 50px;  }
sidebar ul li{ margin-bottom: 5px;  }
sidebar ul li a{ text-decoration: none; color: #666; font-weight : 400;  }

sidebar ul li{ margin-bottom: 5px;  }
sidebar ul li:last-child{ margin-bottom: 0px;  }
sidebar ul li a:hover{  text-decoration: none; }


sidebar ul li ul { margin: 0 0 0 0px;   }
sidebar ul li ul li{ margin: 0 0 7px 0; font-family: 'Open Sans', sans-serif; font-weight: 400; font-size: 12px;   }
sidebar ul li ul li a{ color: #000;  font-weight: 400;   }
sidebar ul li ul li:first-child{ margin-top: 7px;   }
sidebar ul li ul li:last-child{ margin-bottom: 7px;   }
sidebar ul li ul li:before { content:"● "; margin-right: 2px;   }
sidebar ul li ul li a:hover { font-weight: 400;  text-decoration: underline; }

sidebar #box { margin: 30px 0 30px -10px; width: 220px; padding: 25px 0 25px 0; position: relative;   }
sidebar #box:before {content: url(/images/biseau_haut.png); position:absolute; left: 0px; top: -20px;	}
sidebar #box:after {content: url(/images/biseau_bas.png); position:absolute; left: 0px; bottom: -13px;	}

sidebar #box ul { margin-left: 0px;  }
sidebar #box ul li a{ color: #fff; padding: 0 10px 0 21px;  display: block; font-weight: 400;   }
sidebar #box ul li a:hover, sidebar #box ul li .active{ background-color: rgba(250, 250, 250, 1);    }
sidebar #box ul li a:hover:before, sidebar #box ul li .active:before { border-radius: 100px}



.faq a:before { content: url(/images/picto/picto_faq.png); margin-right: 8px; padding: 5px;  }
.agenda a:before { content: url(/images/picto/picto_agenda.png); margin-right: 8px; padding: 5px;  }
.temoignage a:before { content: url(/images/picto/picto_temoignage.png); margin-right: 8px; padding: 5px;  }
.medias a:before { content: url(/images/picto/picto_medias.png); margin-right: 8px; padding: 5px;  }
.brochure a:before { content: url(/images/picto/picto_brochure.png); margin-right: 8px; padding: 5px;  }
.inscription a:before{ content: url(/images/picto/picto_inscription.png); margin-right: 8px; padding: 5px;  }
.conseillers a:before{ content: url(/images/picto/picto_conseillers.png); margin-right: 8px; padding: 5px;  }
.cb a:before{ content: url(/images/picto/picto_cb.png); margin-right: 8px; padding: 5px;  }
.sim a:before{ content: url(/images/picto/picto_sim.png); margin-right: 8px; padding: 5px;  }
.billetavion a:before{ content: url(/images/picto/picto_billetavion.png); margin-right: 8px; padding: 5px;  }
.assurance a:before{ content: url(/images/picto/picto_assurance.png); margin-right: 8px; padding: 5px;  }
.services a:before{ content: url(/images/picto/picto_services.png); margin-right: 8px; padding: 5px;  }

sidebar #box ul li ul li:before { display: none;  }
sidebar #box ul li ul { margin: 2px 0 0px 35px; border-left: 1px dotted #fff; padding: 0; background-color: rgba(0, 0, 0, 0.1)  }
sidebar #box ul li ul li{ font-family: 'Open Sans', sans-serif; font-weight: 400; font-size: 12px; padding: 3px 0 0 0;    }
sidebar #box ul li ul li:first-child{ padding: 5px 0 0 0;    }
sidebar #box ul li ul li:last-child{ padding: 3px 0 5px 0;    }

sidebar #box ul li ul li a{ color: #fff !important;  padding: 0; margin: 0;  }
sidebar #box ul li ul li a:hover, sidebar #box ul li ul li .active{ background-color: rgba(250, 250, 250, 0); color: #fff; margin: 0; text-decoration: underline }


#box .nopicto a:before { content: url(/images/icones/puceblanche.png); margin-left: 17px; margin-right: -2px; text-decoration: none !important;
}
#box .nopicto a:hover:before, #box .nopicto .active:before {  background-color: rgba(250, 250, 250, 0); text-decoration: none !important;
}

/* texte */
#texte{ float: left; width: 1000px; font-family: 'Open Sans', sans-serif; font-weight: 400; font-size: 14px; color: #333; line-height: 24px;
  }
  
#texte { margin: 0 30px 30px 30px; }  
  
#texte p{margin: 0 0 0 0  }
#texte strong{ font-weight: 700;}
#texte p:last-child{margin: 0   }
#texte h1{ font-weight: 700; font-size: 28px; margin-bottom: 20px; line-height: 28px;   }
#texte h2{ font-weight: 700; font-size: 20px; margin-bottom: 10px; margin-top: 23px;   }
#texte h3{ font-weight: 700; font-size: 16px; margin-bottom: 0px;   }
#texte a{ text-decoration:underline; color: #333;   }
#texte a:hover{ text-decoration:none;  } 

#texte ul li:before{  content:"● "; margin-right: 2px; } 
#texte ul li{  margin-bottom: 7px;}  

#texte .asavoir{ font-weight: 400; margin-bottom: 15px; padding-left: 15px; color: #666; font-style: italic; margin-top: 5px;  }
#texte .asavoir:before{ content: "A noter"; text-transform: uppercase; font-weight: 700; display: block; font-size: 16px;}

#texte .intro{ font-style: italic;}
#texte .capitale{ text-transform: uppercase; }

#texte iframe, #texte img{ max-width: 300px; max-height: 200px; background: #f5f5f5; padding: 10px; border: 1px solid #ccc; float: right; border-radius: 5px; margin: 10px 0 10px 10px }
#texte .iframe_free iframe{  max-width: none; max-height: none; background: #; padding: 0; border: 0px; float: none; border-radius: 0; margin:0 }
.mceItemIframe{ max-width: 300px; max-height: 200px; background: #f5f5f5; padding: 10px; border: 1px solid #ccc; float: right; border-radius: 5px; margin: 10px 0 10px 10px }

#texte .question{ cursor: pointer; font-weight: 600; font-style: italic; font-size: 16px; margin-bottom: 5px; color: #666; }
#texte .question:before{ content:"● "; margin-right: 2px; }
#texte .reponse{ padding-left: 20px; margin-bottom: 15px; margin-top: 5px; border-left: 3px solid #aaa; margin-left: 3px }


#texte .formulaire table{ width: 100% !important; border : 0px solid #ccc; border-left: 4px solid #ccc ; background: rgba(255,255,255,0)  }
#texte .formulaire table td { padding: 15px; border-bottom: 0px; border-left : 0px}
#texte .formulaire table td:nth-child(odd) { background: rgba(240,240,240,0); }
#texte .formulaire table td:first-child {  border-right : 0px; font-weight: 400;}
#texte .formulaire table tr:nth-child(odd) { background: rgba(50,50,50,0.1)}
#texte .formulaire table tr:first-child { font-weight: 400; color: inherit; font-size: inherit; }


#texte table{ width: 100% !important; border : 2px solid #ccc; background: rgba(255,255,255,0.6)  }
#texte table td { padding: 10px; border-bottom: 1px solid #ccc; border-left : 1px dotted #ccc}
#texte table td:nth-child(odd) { background: rgba(240,240,240,0.5); }
#texte table td:first-child {  border-right : 0px; font-weight: 700;}
#texte table tr:nth-child(odd) { background: rgba(50,50,50,0.1)}
#texte table tr:first-child { font-weight: 400; font-size: 14px; }


#boxcb a, #boxservices a{ font-weight: 700; color: #db0713; text-decoration: underline; margin: 0 !important ; padding: 0 !important;} 


#boxcb {border-radius: 10px; border: 1px solid #db0713; padding: 10px; background: #fff; color: #666; }  

#boxcb img, #boxservices img {float: right; width: auto !important; max-height: 200px; display: block; margin: 0 0 0 10px !important; border: 0 !important; padding: 0 !important; border-radius: 0;
 } 

#boxcb h2, #boxservices h2{font-weight: 700; font-size: 28px; margin: 0 0 5px 0 !important; padding: 0; line-height: 28px; color: #333333 !important; text-transform: uppercase;}   

#boxcb h2{ color: #333333 !important; padding-top: 0 !important ;  }  

#boxservices h2{ color:#db0713 !important; padding: 0 0 10px 0 !important;  }   

#boxcb h2:before{ content: url(/images/prg/SE/picto_contenu_cb.png); margin-right: 10px; } 

#boxservices .sim h2:before{ content: url(/images/prg/SE/picto_contenu_sim.png); margin-right: 10px; } 

#boxservices .billetavion h2:before{ content: url(/images/prg/SE/picto_contenu_billetavion.png); margin-right: 10px; } 

#boxservices .assurance h2:before{ content: url(/images/prg/SE/picto_contenu_assurance.png); margin-right: 10px; } 

#boxservices {border-radius: 10px; border: 1px solid #ccc; padding: 10px; background: #fff; color: #666; margin-top: 20px;}   

#boxservices .titre{border-bottom: 1px dotted #db0713; margin: 0; padding: 0; }

#boxcb .titre{margin: 0; padding: 0; }

#boxservices .titre a{margin-bottom: 0; padding: 0;  float: right }

#boxservices .contenu {background: #f5f5f5; padding: 15px; overflow: hidden;}
#boxservices .contenu h3{ display: inline-block;}


/* footer */

footer{width: 100%; 
}
footer{
background-image: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.2) 100%);
background-image:    -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.2) 100%);
background-image:     -ms-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.2) 100%);
background-image:      -o-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.2) 100%);
background-image:         linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.2) 100%);padding: 20px 0 200px 0; 
}
#footer, #footer a{ width: 1280px; margin: auto; font-family: 'Open Sans', sans-serif; font-weight: 400; font-size: 11px; color: #fff; line-height: 16px; text-align: center; text-decoration: none; margin-bottom: 0;
  }
#footer a:hover{ color: #fff; text-decoration: underline;
  }
 
#footer_moteur {   background-image: -webkit-linear-gradient(top, rgba(250,250,250,1) 0%, rgba(235,235,235,1) 100%);
background-image:    -moz-linear-gradient(top, rgba(250,250,250,1) 0%, rgba(235,235,235,1) 100%);
background-image:     -ms-linear-gradient(top, rgba(250,250,250,1) 0%, rgba(235,235,235,1) 100%);
background-image:      -o-linear-gradient(top, rgba(250,250,250,1) 0%, rgba(235,235,235,1) 100%);
background-image:         linear-gradient(top, rgba(250,250,250,1) 0%, rgba(235,235,235,1) 100%);margin: 0; padding: 0; position: relative; margin-top: -20px; 
  }