/*
	CSS pour SITA Innovate - Main
	Jeff - egzakt.com
	2009-01-26
*/

body {
	font: normal 75%/133% Arial, Verdana, sans-serif;
	margin: 0;
	color: #414141;
	background-image:url('/images/ul/tuiles/bg_qualitech.gif');
	background-repeat:repeat-x;
}

h1 {
	font: normal 1.75em/1em Georgia, Arial, Verdana, sans-serif;
	color: #567D9E;
	margin: 0;
}

.public h1, .avocats h1 {
	color: #416A39;
}

h2 {
	font: bold 1.08em/1.27em Arial, Verdana, sans-serif;
	color: #304F70;
	margin: 0;
	padding: 5px 0 2px 0;
}

h3 {
	font: bold 1.08em/1.27em Arial, Verdana, sans-serif;
	color: #8CC000;
	margin: 0;
	padding: 0 0 2px 0;
}

p {
	margin: 0 0 0.83em 0;
	padding: 0;
}

a {
	cursor: pointer;
	color: #F15A24;
	outline: 0;
}

a:hover {
	color: #FADC78;
	outline: 0;
}

img {
	border:0;
}

#div_accueil
{
	position:absolute;
	left:859px;
	top:5px;
	width:100px;
	height:20px;
	background-image:url('/images/ul/graphiques/barre_accueil.gif');background-position:bottom;background-repeat:no-repeat;
}

#lien_accueil
{
	text-decoration:none;
	color:black;
	margin-left:28px;
}

#lien_accueil:hover
{
	color:#C04F00;
}

#wrapper {
	width:930px;
	margin:0 auto;
	padding: 0;
	background-image:url('/images/ul/tuiles/bg_contenu.jpg');
	background-repeat:repeat-y;
	background-position:top;	
	padding-left:29px;
}



/*  ENTETE  */
#entete
{
	height:150px;
	width:930px;
	background-image:url('/images/ul/tuiles/bg_entete.jpg');
	background-repeat:no-repeat;
	background-position:right;
	overflow:hidden;
}

#entete_finition
{
	background-image:url('/images/ul/tuiles/patch_entete.jpg');
	background-repeat:no-repeat;
	background-position:right;	
	width:29px;
	height:180px;
	position:absolute;
	left:0px;
	z-index:1;
}

#logoqualitech
{
	float:left;
	width:216px;
}

#logocomission
{
	float:left;
	width:216px;
}

#titre_qualitech
{
	float:left;
	width:465px;
	margin-left:30px;
	margin-top:1px;
}

/* ZONE PRINCIPAL*/

#colonne_principale
{
	float:right;
	width:714px;
	padding:0;
	margin:0;
}

#colonne_navig
{
	width:216px;
}

#collone_accueil
{
	width: 930px;
	margin-top:15px;
}

#collone_accueil_interne
{
	width: 930px;
	background-image:url('/images/ul/tuiles/background-accueil.gif');
	background-repeat:no-repeat;
	background-position:0px 28px;
}

#colonne_contenu
{
	width:447px;
	float:left;
	background-color:white;
	padding-top:10px;
	padding-bottom:0px;	
	padding-left:13px;
}

#colonne_complement
{
	width:208px;
	float:right;
	background-color:#FADC78;
	padding:10px;
	padding-top:10px;
	padding-bottom:0px;
	position:relative;		
}

#colonne_complement .texte
{
	padding:10px;
}

#onglet_contenu
{
	float:right;
	margin-top:14px;
	width:703px;
}

#onglet_contenu_interne
{
	width:703px;
	background:white;
	padding-bottom:20px;
}

#onglet_contenu_interne_programme
{
	width:703px;
	background-image:url('/images/ul/tuiles/bg_programmes.gif');
	background-repeat:repeat-y;
	padding-bottom:20px;
	font-size:0.92em;
	line-height:1.25em;	
}

#contenu_interne
{
	padding-top:10px;
	margin-left:10px;
}

#contenu_texte
{
	padding-left:10px;
	padding-right:10px;
}

/* BARRE ONGLET CONTENU
---------------------------------------- */

#titre_contenu
{
	position:relative;
	padding:6px 0px 2px 0px;
	background-image: url('/images/ul/tuiles/texture.gif');
	background-repeat: no-repeat;
	background-position:right;
	
	width:703px;
}

#titre_contenu span
{
	background-color:#C04F00;
	padding:7px 10px 3px 10px;
	margin:0;
	border-right:4px solid #cfcfcd;
}

#titre_contenu h3
{
	text-transform:uppercase;
	color:white;
	font-size:1em;
	line-height:1.2em;
	display:inline;
	padding-top:6px;	
}

#imprimer
{
	display:block;
	width:136px;
	height:22px;
	
	position:absolute;
	left:550px;
	top:0px;
	
	text-decoration:none;
}

#imprimer .hover
{
	position:absolute;
	visibility:hidden;
}

#imprimer:hover
{
	background:transparent;
}

#imprimer:hover .hover
{
	visibility:visible;
}


#barre_orange
{
	width:703px;
	height:4px;
	display:block;
}

/* ACCUEIL */

#onglet_programmes
{
	width:930px;
	height:28px;
	background-image: url('/images/ul/titrages/programmes_offerts.gif');
	background-repeat:no-repeat;
}

#contour_onglet_programmes
{
	width:930px;
	background-color:#fff;	
	padding-top:10px;
	padding-bottom:10px;
}

#contenu_onglet_programmes
{
	width:930px;
	background-image:url('/images/ul/tuiles/background-spacer.gif');
	background-repeat:repeat-y;	
}

#contenu_onglet_programmes ul
{
	padding-top:4px;
}

#contenu_onglet_programmes li
{
	margin-top:-2px;
}

a.onglet_programme_programme
{
	text-decoration:none;
	color:black;
	font-size:0.92em;
	line-height:1.08em;
}

a:hover.onglet_programme_programme
{
	text-decoration:underline;
	color:black;
}

a:hover.onglet_programme_sous_programme 
{
	color:white;
	background-color:#EE412A;
}

a.onglet_programme_sous_programme
{
	display:inline;
	text-transform:none;
	text-decoration:none;
	color:#000;
	font-size:0.92em;
}

div.onglet_programme_programme
{
	width:160px;
	float:left;
	padding-left:10px;
	padding-right:7px;
	text-transform:uppercase;
}

div.onglet_programme_programme_premier
{
	padding-left:10px;
}

div.onglet_programme_programme_dernier
{
	margin-top:20px;
}

div.onglet_programme_spacer
{
	width:1px;
	height:110px;
	background-color:#888888;
	float:left;
	margin:2px;
}

ul.ul_sans_padding
{
	padding:0;
	padding-left:12px;
}

/* ACTUALITÉS */

#actualites
{
	float: left;
	width:219px;
	margin-right:8px;
}

#actualites .titre
{
	
}

#actualites .texte
{
	padding:10px;	
	background-color:#fff;
	font-size:0.92em;
	line-height:1.25em;	
}

/* ADMISSION */

#admission
{
	float: left;
	width:219px;
	margin-right:8px;	
}

#admission .titre
{
	
}

#admission .texte
{
	padding:10px;	
	background-color:#fff;	
	font-size:0.92em;
	line-height:1.25em;	
}

/* VIE ETUDIANTE */ 

#vie_etudiante
{
	float: right;
	position:relative;	
	width:475px;
}


#conteneur_images_vie_etudiante
{
	float: left;
	width:320px;
	position:relative;
}

#conteneur_images_vie_etudiante .image
{
	position:absolute;
	top:7px;
	left:10px;
}

#vie_etudiante .colonne_droite
{
	float: right;
	width:150px;
	padding-right:6px;
}

#vie_etudiante .texte
{
	padding:10px;
}

#position_numero
{
	margin:0;
	padding:0;
	width:100px;
	margin-top:40px;
	margin-bottom:10px;
	margin-left:8px;
}

#ensavoirplus
{
	display:block;
	height:13px;
	width:100px;
	margin-top:5px;
	margin-left:10px;
	background-image: url('/images/ul/boutons/btn_savoir_plus.gif');
	background-repeat: no-repeat;
}

#ensavoirplus a
{
	text-decoration:none;
}

#ensavoirplus:hover
{
	background-position:0px -15px;
}


a.onglet_vie_etudiante_numero
{
	border:solid 1px;
	color:black;
	width:12px;
	height:14px;
	text-decoration:none;
	text-align:center;
	display:block;
	float:left;
	margin-left:3px;
}

a.numero_rendu,
a.onglet_vie_etudiante_numero:hover
{
	border:solid 1px #F26722;
	background-color:#F26722;
	color:white;
}

#lien_facebook
{
	text-decoration:none;
}

#onglet_vie_etudiantes_facebook_texte
{
	position:absolute;
	top:4px;
	left:260px;
	text-transform:uppercase;
	text-decoration:none;
	font-size:0.83em;
	color:black;
}

#onglet_vie_etudiantes_facebook_image
{
	position:absolute;
	top:4px;
	left:239px;	
}

#mot_facebook
{
	text-decoration:underline;
	color:#BD2A02;
}


#comment_sinscrire
{
	display:block;
	height:28px;
	width:155px;
}

#comment_sinscrire .hover
{
	position:absolute;
	visibility:hidden;
}

#comment_sinscrire:hover
{
	background:transparent;
}

#comment_sinscrire:hover .hover
{
	visibility:visible;
}

#materiel_frais
{
	display:block;
	position:relative;
	height:42px;
	width:199px;
}

#materiel_frais .hover
{
	position:absolute;
	visibility:hidden;
}

#materiel_frais:hover
{
	background:transparent;
}

#materiel_frais:hover .hover
{
	visibility:visible;
}

#materiel_frais .annee
{
	position:absolute;
	z-index:5;
	left:47px;
	top:22px;
	color:white;
}

#materiel_frais a
{
	text-decoration:none;	
}


/* BAS 
-----------------------*/

#bas 
{
	background-image:url('/images/ul/tuiles/bg_coordonnees.gif');
	background-repeat:repeat-x;
	color: #315071;
	font-size: 0.92em;
	line-height: 1em;
	width:930px;
	margin-top:10px;
}

#pavillons
{
	width:930px;
	color:white;
	padding:0;
	padding-top:20px;
	padding-bottom:20px;
	margin:0;
}

#pavillons_interne
{
	width:930px;
	background-image:url('/images/ul/tuiles/background-spacer.gif');
	background-repeat:repeat-y;
	line-height:1.08em;
}

#pavillons_interne a
{
	text-decoration:none;
	color:white;
}

#pavillons .pavillon
{
	width:160px;
	float:left;
	padding-left:10px;
	padding-right:7px;	
}

#pavillons .pavillon_gauche
{
	padding-left:10px;
}

ul.ul_pavillon
{
	list-style-type:none;
	margin:0;
	padding:0;
}

#pavillons li
{
	padding-top:2px;
}

#plan_du_site
{
	width:930px;
	background-image:url('/images/ul/tuiles/bg_entete.jpg');
	background-repeat:no-repeat;
	background-position:left;	
	color:#666666;
	padding:0;
	padding-top:20px;
	padding-bottom:15px;
	margin:0;	
}

#plan_du_site_interne
{
	width:930px;
	background-image:url('/images/ul/tuiles/background-spacer.gif');
	background-repeat:repeat-y;	
}

#plan_du_site .entete_plan
{
	padding-left:10px;
	padding-right:7px;	
	width:160px;
	float:left;
}

#plan_du_site .entete_plan_droite
{
	padding-right:7px;
}


.plan_lien
{
	text-transform:uppercase;
	text-decoration:none;
}

.plan_lien:hover
{
	text-decoration:underline;
	color:#F26722;
}

.plan_sous_lien
{
	text-transform:none;
	text-decoration:none;
	color:#000;
	padding:1px;
}

.plan_sous_lien:hover
{
	background-color:#F26722;
	color:white;
}

#plan_du_site ul
{
	list-style-type:none;	
	padding:0px;
	margin:0px;
}

#plan_du_site li
{
	padding-top:2px;
}

span.pavillon_lien
{
	padding:0px;
	margin:0px;
	color:#FADC78;
}

#pavillon_spacer
{
	width:930px;
	height:4px;
	background-color:#F26722;
	clear:both;
}

#signature
{
	background-color:white;
	text-align:right;
	padding:5px;
	text-transform:uppercase;
	border-top:solid 1px #aaa;
	font-size:0.92em;
	line-height:1.25em;
}

#signature a
{
	text-decoration:none;	
	color:#5A5A5A;
}


/*  TEMPLATE FCK EDITOR  
------------------------------------*/

div.condition_admission
{
	padding-bottom:7px;
	padding-top:2px;
	color:#BD2A02;
	font-size:1.33em;
	font-weight: bold;	
}

div.condition_ou
{
	padding-bottom:7px;
	padding-top:2px;
	color:#BD2A02;
	font-size:1.17em;
	font-weight: bold; 
}

span.condition_note
{
	color:#BD2A02;	
}

div.fck_grise
{
	background:#F5F5F5;
	padding:10px;
	width:422px;
	margin-bottom:10px;
}

span.fck_programme
{
	color:#BD2A02;
	text-transform:uppercase;
	font-weight:bold;
}

span.fck_total_heures
{
	font-weight:bold;
}

span.fck_titre
{
	text-transform:uppercase;
	font-weight:bold;
	font-size:1em;
	line-height:1.33em;
}

ul.ul_fck_qualitech
{
	margin:0;
	padding:0;
	margin-left:0px;
	list-style-type:none;
}

ul.ul_fck_qualitech li
{
	background-image:url('/images/ul/graphiques/puce_list.gif');
	background-repeat:no-repeat;
    background-position:0px 5px;
	padding-left:8px;
}

#fck_tableau_contenu
{
	width:436px;
	margin-top:10px;	
}

div.fck_entete_tableau
{
	width:436px;
	margin-bottom:10px;
	height:10px;
}

div.fck_entete_tableau .fck_entete_heures
{
	float:left;
	width:49px;
	background:#FADC78;
	color:#BD2A02;
	margin-right:2px;
	padding:1px;		
	padding-left:3px;
	font-size:0.92em;
	line-height:1.25em;
	text-align:center;
}


div.fck_entete_tableau .fck_entete_contenu
{
	float:left;
	width:375px;
	background:#FADC78;	
	color:#BD2A02;
	padding:1px;	
	padding-left:4px;
	font-size:0.92em;
	line-height:1.25em;	
}

div.fck_tableau_ligne
{
	width:436px;
	border-bottom:1px solid #D9D9D9;
	height:13px;
	margin-bottom:2px;
}

div.fck_tableau_ligne .fck_heures
{
	float:left;
	width:50px;
	height:12px;
	color:#BD2A02;
	margin-right:2px;
	padding-right:3px;	

	text-align:right;
	font-weight:bold;
}

div.fck_tableau_ligne .fck_contenu
{
	float:left;
	width:375px;
	height:12px;
	padding-left:5px;

}

div.fck_tableau_double_ligne
{
	width:436px;
	border-bottom:1px solid #D9D9D9;
	height:28px;
	margin-bottom:2px;
}

div.fck_tableau_double_ligne div.fck_heures
{
	float:left;
	width:50px;
	height:12px;
	color:#BD2A02;
	margin-right:2px;
	padding-right:3px;	

	text-align:right;
	font-weight:bold;
}

div.fck_tableau_double_ligne div.fck_contenu
{
	float:left;
	width:375px;
	height:12px;
	padding-left:5px;
}


/* DIVERS
-----------------------------------------*/
form {
	margin:0;
	padding: 0;
}

input.radio {
	width: auto !important;
	border: none !important;
}

.message,
.message_succes, .message_erreur {
	display: none;
	margin:10px auto;
	padding:10px 10px 10px 10px;
	color:#353535;
	text-align:center;
	font-size:1.1em;
	line-height:1.1em;
	font-weight:bold;
}

.message_erreur {
	background-color: red;
	color:#FFFFFF;
}

.message_succes {
	border:1px solid #26b147;
	color:#26b147;
}

.message ul,
.message_succes ul {
	padding:0 0 0 10px;
	margin:0;
	list-style-type:none;
}

ul.erreur {
	color:#ff6600;
	background-color: #fef3e6;
	padding:10px;
	list-style-type:none;
}
ul.erreur li {
	background-image:none;
	padding:0;
}

label.erreur {
	font-weight:bold;
	color:#D62424;
}

#version_dev {
	background-color:#FF0000;
	padding:5px 10px;
	color:#FFFFFF;
	position:relative;
}

.clear {
	clear: both;
	line-height: 1px !important;
	height: 1px !important;
	font-size: 1px !important;
	padding: 0 !important;
	margin: 0 !important;
}

.hidden {
	display: none;
}

#message_erreur, #message_succes {
	width:90%;
	margin:5px auto 10px auto;
	padding:8px;
	text-align:center;
	font-weight:bold;
	color:#fff;
	background:#d62424 url(../images/admin/icones/erreur.gif) no-repeat 8px center;
	
}

#message_succes ul, #message_erreur ul {
	margin: 0;
}

#message_succes ul li, #message_erreur ul li {
	list-style-type: none;
}

#message_succes {
	background:#3a9e2f url(../images/admin/icones/succes.gif) no-repeat 4px center;
}

.erreur {
	color:#D92525;
}
.succes {
	color:#339933;
}

ul.liste_plain
{
	list-style-type:none;
	padding:0;
	margin:0;
}


a.lien_deroulant {
	background:#E6E6E6;
	background-image:url(../images/ul/graphiques/fleche_off.gif);
	background-repeat:no-repeat;
	background-position:10px 9px;
	color:#3C3C3C;
	display:block;
	font-weight:bold;
	font-size:0.92em;
	padding-top: 4px;
	padding-bottom: 4px;
	padding-left:20px;
	
	margin-top:4px;
	
	width:415px;
}


a.lien_deroulant:hover, a.lien_deroulant.selected {
	background:#413C3C;
	background-image:url(../images/ul/graphiques/fleche_on.gif);	
	background-repeat:no-repeat;	
	background-position:9px 11px;
	color:#FADC78;
}


.zone_deroulante {
	border-color:#413C3C;
	border-style:none solid solid;
	border-width:0 2px 2px;
	padding:10px 15px;
	width:401px;
}

.bloc_deroulant_selected a.selected {
	background-position:9px 11px;
}

.bloc_texte
{
	padding:10px 20px 10px 0px;
}
