@import "positionnement.css";
@import "diaporama.css";
@import "carrousel.css";

/*
NEW
bleu				#3D617B
rouge				#ff0000
gris				#B2B2B2
*/

/* GENERAL */
body {	
	background-color:#eee;
}
div#page {
}
p,li,td,h1,h2,h3,acronym,span,div,ul,ol,a {
	font-family:Arial, Helvetica, sans-serif;
	color:#000000;
}
p,li,h1,h2,h3{
	font-size:0.8em;
}
a:hover {
	background-color:#eeeeee;
}
acronym{
	font-style:italic;
	cursor:help;
}
ul {
	list-style-type:none;
}
p {
	text-align:justify;
}
th {
	text-align:left;
}
.toutpetit {
	font-size:0.6em;
}

/* ENTETE */
div#entete {
	background:url("../images/cartouche.jpg") top left no-repeat;
}

/* DIVERS */
#form_language input.submit_en[type="submit"] {
    background: url("../images/ico_gb.png") no-repeat scroll left top transparent;
    border: 0 none;
    cursor: pointer;
    height: 29px;
    width: 41px;
}
#form_language input.submit_fr[type="submit"] {
    background: url("../images/ico_fr.png") no-repeat scroll left top transparent;
    border: 0 none;
    cursor: pointer;
    height: 29px;
    width: 41px;
}

div#cadre_l {
	background-color:#3D617B;
}
div#cadre_l p {
	font-size:0.6em;
	color:#ffffff;
}
div#cadre_l a {
	color:#ffffff;
}
div#cadre_l a:hover {
	color:#ffffff;
	background:transparent;
}
p#liens {
	text-align:right;
}
p#liens a:hover {
	background-color:transparent;
}

/* PRINCIPAL */
div#principal {
	margin: 0 auto;
}
div#principal2 {
	background-color:#ffffff;
}

/* COLONNE DE DROITE */

/* CONTENU */
div#contenu {
	background:transparent;
}

div.flash_interdit {
	background-color:#d1d2d4;
	border:1px solid #b2071b;
	padding:5px;
}
div.flash_notice {
	background-color:#FFFFEC;
	border:1px solid #d1d2d4;
	padding:5px;
}

/* PIED DE PAGE */
div.pied {
	background-color:#FFF;
}
div.pied p, div.pied li {
	text-align:left;
	color:#3D617B;
}
div.pied a {
	color:#3D617B;
	text-decoration:none;
}
div.pied a:hover {
	background:none;
}

/* A */
div#contenu a.actif {
	font-weight:bold;
	color: #3D617B;
}
div#contenu p.acces a {
	padding:5px;
	font-weight:bold;
	color:#3D617B;
}
div#contenu p.acces a:hover {
	background-color:transparent;
}
div#colgauche ul.accesdirect li a  {
	font-weight:bold;
	color:#3D617B;
	text-decoration:none;
}

/* DIV */
div.cacher {
	display:none;
}
div#colgauche .bloc {
	border:1px solid #3D617B;
}
div.annonce {
	margin:20px 10px;
	border:1px solid #b2071b;
	text-align:center;
}
div.annonce p {
	margin:10px 30px;
}
div.detailspartenaire {
	border:1px solid #d1d2d4;
}

/* H */
div#contenu h1 {
	color:#3D617B;
	font-size:1.4em;
	font-weight:bold;
	text-align:center;
}
div#contenu h1.accueil {
	text-align:center;
	line-height:40px;
}
div#contenu h2 {
	color:#3D617B;
	font-size:1em;
	font-weight:bold;
	text-align:left;
	border-top:1px solid #aace4a;
}
div#contenu h3 {
	color:#000000;
	/*background:url("../images/fleche.jpg") left center no-repeat;
	margin-left:8px;*/
	font-size:0.9em;
	text-align:left;
}

/* HR */
div#contenu hr.clear {
	height:0px;
	border:0px;
	padding:0px;
	margin:0px;
	clear:both;
}

/* P */
div#contenu p.parimportant {
	font-weight:bold;
	text-align:center;
}
div#contenu p.important, span.important, li.important {
	font-weight:bold;
}
div#contenu p.important2,span.important2 {
	font-weight:bold;
	text-decoration:underline;
}
div#contenu p.importantcoul,span.importantcoul {
	font-weight:bold;
	color:#ff0000;
}
div#contenu p.tresimportant {
	font-weight:bold;
	text-align:center;
	font-size:0.9em;
	color:#ff0000;
}
div#contenu p.coul {
	color: #ff0000;
}
div#contenu p.graphique {
	text-align:center;
}
div#contenu p.note, div#contenu span.note {
	font-size:0.7em;
	font-style:italic;
}
div#contenu p.erreur {
	color:#ff0000;
}
div#contenu p.retour {
	text-align:right;
	font-style:italic;
}
div#contenu p.logo {
	float:left;
	padding-right:10px;
}
div#contenu p.chapeau {
	font-style:italic;
	font-weight:bold;
}
div.foule p {
	line-height:30px;
	color:#b2071b;
	font-weight:bold;
}
div#quatresalons p.titre {
	background-color:#000;
	color:#fff;
	font-variant:small-caps;
	text-align:center;
	font-weight:bold;
	font-size:1em;
	margin:0;
	padding:0;
}
div.iexpo p, div.kmforum p, div.imedias p, div.online p {
	font-weight:bold;
	font-style:italic;
	font-size:0.7em;
	text-align:center;
}
div.iexpo, div.kmforum, div.imedias, div.online {
	border-left:1px solid #000000;
	border-bottom:1px solid #000000;
}
div.iexpo {
	background:url("../images/fond_cadre_iexpo.jpg") top left repeat-x;
}
div.kmforum {
	background:url("../images/fond_cadre_kmforum.jpg") top left repeat-x;
}
div.imedias {
	background:url("../images/fond_cadre_infomedias.jpg") top left repeat-x;
}
div.online {
	border-right:1px solid #000000;
	background:url("../images/fond_cadre_online.jpg") top left repeat-x;
}
div#contenu p.mc {
	color: #750e12;
}
div#contenu p.acces {
	text-align:center;
	border:1px solid #B2071B;
	width:200px;
	margin-left:100px;
}

/*FORM */
textarea {
	width: 700px;
	height: 65px;
}

/* UL OL LI */
div#colgauche .bloc li.section {
	color:#3D617B;
	text-align:center;
	font-weight:bold;
	margin:0 10px;
	border-bottom:1px solid #3D617B;
}
div#contenu ul {
}
div#contenu ul.af {
	list-style-image:url("../images/fleche.jpg");
}
div#contenu li {
	text-align:justify;
	list-style-image:url("../images/tiret.jpg");
}
div#contenu div.annonce ul {	
	font-size:1.1em;
	margin:0px;
	padding:0px;
	list-style-image:none;
}
div#contenu div.annonce li {
	font-variant:small-caps;
	font-size:1em;
	color:#b2071b;
	text-align:center;
	font-weight:bold;
	padding:5px;
	margin:0 10px;
	border-bottom:1px solid #b2071b;
}
div#contenu ul.frm_chk1, div#contenu ul.frm_chk2 {
	list-style-image:none;
	margin:0;
}
div#contenu ul.frm_chk1 li, div#contenu ul.frm_chk2 li {
	list-style-image:none;
}
div#contenu ul.frm_chk1 li {
	display:inline;
}
div#contenu ul.error_list {
	margin-left:0;
}
div#contenu ul.error_list li {
	font-size: 1em;
	font-weight:bold;
	color:#b2071b;
	list-style-image:none;
}
div#contenu div.boitephotos {
	width: 225px;
	margin:10px auto;
	border:1px solid #750e12;
	background-color:#efefef;
	padding:0;
	/* offset left, top, thickness, color with alpha */
	-webkit-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5);
	box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5);
	/* IE */
	filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=5, OffY=5, Color='gray');
	/* slightly different syntax for IE8 */
	-ms-filter:"progid:DXImageTransform.Microsoft.dropshadow(OffX=5, OffY=5, Color='gray')";
}
div#contenu div.boitephotos li, div#contenu div.boitephotos h2 {
	text-align:center;
	font-size:0.8em;
}
div#contenu div.boitephotos img {
	width: 225px;
}
div#contenu div.boitephotos ul {
	margin: 0;
}

div#colgauche ul.accesdirect li  {
	list-style-image:url('../images/puce.png');
	margin-left:30px;
	padding-left:0px;
	font-weight:bold;
	color:#5e89c1;
}

/* SPAN */
div#contenu div.parcours span {
	width:250px;
	display:inline-block;
	margin-right:20px;
	
}
span#note_etudiant {
	font-weight:bold;
	color:#ff0000;
}



/* FORM ACCES DIRECT */
select#accesdir{
	font-family:Verdana, Geneva, sans-serif;
	font-size:0.7em;
}



/* Carrousel */
#mon-carrousel{
	width:560px; /* la largeur totale du carrousel */
	height:150px;	/* la hauteur totale du carrousel (prévoir la place pour le div.temoins) */
}

#mon-carrousel .interieur-carrousel
{
	background-color:#747476;
	margin-left:0px; /* décalage entre le début du caroussel et l'endroit où disparaissent les images */
	margin-top:0px; /* décalage par rapport à en haut du carrousel */
	width: 560px; /* la largeur de l'interieur = (largeur d'un item + margin right d'un item)*(nombres d'item étant apparants en même
	temps) */
	height:150px;	/* la hauteur d'un item */
}

#mon-carrousel .item{
	width:225px;	/* la largeur d'un item */
	margin-left:29px; /* son espacement éventuel par rapport à l'item suivant */
	margin-right:30px; /* son espacement éventuel par rapport à l'item suivant */
	height:150px; /* la hauteur d'un item */
}

#partenaires_asso, #partenaires_presse, #sponsors{
	width:190px; /* la largeur totale du carrousel */
	height:100px;	/* la hauteur totale du carrousel (prévoir la place pour le div.temoins) */
	margin-bottom:10px;
	margin-top:10px;
}

#partenaires_asso .interieur-carrousel, #partenaires_presse .interieur-carrousel, #sponsors .interieur-carrousel
{
	background-color:#ffffff;
	margin-left:0px; /* décalage entre le début du caroussel et l'endroit où disparaissent les images */
	width: 190px; /* la largeur de l'interieur = (largeur d'un item + margin right d'un item)*(nombres d'item étant apparants en même
	temps) */
	height:100px;	/* la hauteur d'un item */
}

#partenaires_asso .item, #partenaires_presse .item, #sponsors .item
{
	width:190px;	/* la largeur d'un item */
	margin-right:0px; /* son espacement éventuel par rapport à l'item suivant */
	height:100px; /* la hauteur d'un item */
	text-align:center;
	vertical-align:middle;
}

p.esp {
	text-align:right; 
	font-size:1em; 
	font-weight:bold; 
	color:#B2071B;
}

p.esp a {
	color:#B2071B;
}

form table th label, form table th p {
	font-size:0.8em;
	text-align:left;
	padding:0;
}
form table th {
	text-align:left;
}
#gestion td {
	border:1px solid #999999;
}


/*hero-slider*/
#hero-slider {
	text-align:left; 
	background-color:#efefef; 
	border:1px solid #000000;
	width:562px;
	/*-moz-border-radius:10px;
	-webkit-border-radius:10px;*/
	margin-left:10px;;
	font-family:arial;
	height:346px; 
}

#hero-slider .mask { 
	float:left; 
	width:445px; 
	height:320px; 
	margin:15px 0 0 10px; 
	overflow:hidden;
}

#hero-slider .panel { 
	width:445px; 
	height:320px; 
	text-align:left;
}

#hero-slider ul {
	margin:0; 
	height:326px;
	/*padding:5px 15px 0 15px;*/
	padding:10px 0;
	list-style:none; 
	float:left; 
	background-color: #000000;
	/*border-right:1px solid #dedede;*/
}

#hero-slider ul li {
	margin:0;
	padding:0;
	list-style-image:none;
	text-align:left;
}

#hero-slider ul a {
	outline:none; 
	text-decoration: underline;
	display:block;
	width:100px;
	border-bottom:1px solid #EFEFEF;
	padding:8px 3px;
	text-decoration:none;
	font-weight:bold;
	color: #ffffff;

	/*height:40px; */
	/*text-indent:-999em;	*/
}
#hero-slider ul a.li1 {
	border-top:1px solid #EFEFEF;
}
#hero-slider ul a:hover {
	background-color:transparent;
}
/*#hero-slider a {
	background: url(button.png) no-repeat 0 0;
}*/

#hero-slider ul a.active {
	background-color:#B2071B;
}

div#contenu .panel h2 {
	padding:10px;
	color:#B2071B;
	border-top:0;
}

.panel p {
	color:#000;
}

.clear {clear:both}

.cacher {
	display:none;
	visibility:hidden;
}