/*----------------------- Début du reset CSS ----------------------------------*/

/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

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;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
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;
}

/*----------------------- Fin du reset CSS ----------------------------------*/

@charset "UTF-8";


#bloc_page
	{
    	width: 90%;
    	margin: auto;
    	font-family: "arial";
    	
	}

body
{
	
}

/*----------------------- Début banniere ----------------------------------*/
#EF{ /*Signature EF */
	position: relative;
	color:white;
	font-size: 1vw;
	bottom:3.4vw;
	text-align: right;
	right:9.2vw;
	width:100%;
	font-family: "arial";
	}
#slogan{ /*Slogan */
	font-family: "arial";
	position:relative;
	color:white;
	font-size:2.3vw;
	top:-7.7vw;
	left:38vw;
	font-style: italic;
	}
.banniere{
	margin-top:10px;
	background-image: -webkit-linear-gradient(right top, #9f0016 0%, rgba(240, 127, 127, 0.3) 100%);
	background-image:    -moz-linear-gradient(right top, #9f0016 0%, rgba(240, 127, 127, 0.3) 100%);
	background-image:     -ms-linear-gradient(right top, #9f0016 0%, rgba(240, 127, 127, 0.3) 100%);
	background-image:      -o-linear-gradient(right top, #9f0016 0%, rgba(240, 127, 127, 0.3) 100%);
	background-image:         linear-gradient(right top, #9f0016 0%, rgba(240, 127, 127, 0.3) 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe0e0', endColorstr='#B22222', GradientType=1); /*Dégradé pour IE<9*/
	/*border-radius: 0.520833333333vw; /*10px ÷ 1920px */
	height:10.416666666667vw;/*200px ÷ 1920px */
	}
img#logo{
	margin-top:1vw;
	width:27.083333333333vw; /*520px ÷ 1920px */
	height:8.645833333333vw; /* 166px ÷ 1920px */
	margin-left:1vw;
	}
img#portrait{
	float:right;
	position:relative;
	width:7.239583333333vw; /* 139px ÷ 1920px */
	height:10.416666666667vw;/*200px ÷ 1920px */
	/*border-top-right-radius: 0.520833333333vw; /*10px ÷ 1920px */;
	/*border-bottom-right-radius: 0.520833333333vw; /*10px ÷ 1920px */ 
	}
/*----------------------- Fin banniere ----------------------------------*/

/*----------------------- Début menu ------------------------------------*/
#menu{
	width: 100%;
	margin: 10px 0;
	padding: 10px 0 0 0;
	list-style: none;
	background: #9f0016;
	}
#menu li{
	float: left;
	padding: 0 0 10px 0;
	position: relative;
	}
#menu a{
	float: left;
	height: 2,717391304348vw;
	padding: 0 25px;
	color: #ffaaaa;
	text-transform: uppercase;
	font: bold 0.75vw/1.5vw Arial, Helvetica;
	text-decoration: none;
	text-shadow: 0 1px 0 #000;
	}
#menu li:hover > a{
	color: #fafafa;
	}
*html #menu li a:hover{ /* IE6 */
	color: #fafafa;
	}
#menu li:hover > ul{
	display: block;
	}
	
/* Sous-menu */
#menu ul{
	list-style: none;
	margin: 0;
	padding: 0;
	display: none;
	position: absolute;
	top: 1.822916666667vw;
	left: 0;
	z-index: 99999;
	background: #B22222;
	
	}
#menu ul li{
	float: none;
	margin: 0;
	padding: 0;
	display: block;
	}
#menu ul li:last-child{
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	}
#menu ul a{
	padding: 10px;
	height: auto;
	line-height: 1;
	display: block;
	white-space: nowrap;
	float: none;
	text-transform: none;
	}
*html #menu ul a{ /* IE6 */
	height: 10px;
	width: 150px;
	}
*:first-child+html #menu ul a{ /* IE7 */
	height: 10px;
	width: 150px;
	}
#menu ul a:hover{
	background: #d2000a;
	}
#menu ul li:first-child a{
	-moz-border-radius: 5px 5px 0 0;
	-webkit-border-radius: 5px 5px 0 0;
	border-radius: 5px 5px 0 0;
	}
#menu ul li:first-child a:after{
	content: '';
	position: absolute;
	left: 30px;
	top: -8px;
	width: 0;
	height: 0;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-bottom: 8px solid #d2000a; /*couleur triangle selection menu */
	}
#menu ul li:first-child a:hover:after{
	border-bottom-color: #d2000a;/*couleur triangle selection menu */
	}
#menu ul li:last-child a{
	-moz-border-radius: 0 0 5px 5px;
	-webkit-border-radius: 0 0 5px 5px;
	border-radius: 0 0 5px 5px;
	}
	
/* Rétablissement du flottement */
#menu:after{
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}
* html #menu{ /* IE6 */
	zoom: 1;
	} 
*:first-child+html #menu { /* IE7 */
	zoom: 1;
	}


/*----------------------- Fin menu --------------------------------------*/	

/*----------------------- Diapo ------------------------------------*/
.diapo {
	width: 20vw; /*Largeur des images */
	height:15.7vw; /* Hauteur des images */ 
	position: relative;
	/*bottom: 10px;*/ 
	top: 4.5vw;
	overflow: hidden; 
	} 
.diapo .diapo-img { 
	max-width: 100%; 
	position: absolute; 
	left: 0; 
	right: 0;
	/*bottom:0;*/
	opacity: 0; 
	-webkit-animation: diapo-fade 25s linear infinite; 
	-moz-animation: diapo-fade 25s linear infinite; 
	-ms-animation: diapo-fade 25s linear infinite; 
	animation: diapo-fade 25s linear infinite; 
	}
.diapo .diapo-img:nth-child(2) { 
	-webkit-animation-delay: 5s; 
	-moz-animation-delay: 5s; 
	-ms-animation-delay: 5s; 
	animation-delay: 5s; 
	} 
.diapo .diapo-img:nth-child(3) { 
	-webkit-animation-delay: 10s; 
	-moz-animation-delay: 10s; 
	-ms-animation-delay: 10s; 
	animation-delay: 10s; 
	} 
.diapo .diapo-img:nth-child(4) { 
	-webkit-animation-delay: 15s; 
	-moz-animation-delay: 15s; 
	-ms-animation-delay: 15s; 
	animation-delay: 15s; 
	} 
.diapo .diapo-img:nth-child(5) { 
	-webkit-animation-delay: 20s; 
	-moz-animation-delay: 20s; 
	-ms-animation-delay: 20s; 
	animation-delay: 20s; 
	} 
@-webkit-keyframes diapo-fade { 0%, 20%, 100% { opacity: 0; } 5%, 15% { opacity: 1;} }
@-moz-keyframes diapo-fade { 0%, 20%, 100% { opacity: 0; } 5%, 15% { opacity: 1;} }
@-ms-keyframes diapo-fade { 0%, 20%, 100% { opacity: 0; } 5%, 15% { opacity: 1;} } 
@keyframes diapo-fade { 0%, 20%, 100% { opacity: 0; } 5%, 15% { opacity: 1;} }
/*-------------------------------- Fin Diapo -----------------------------*/
/*-------------------------------- Début gauche -----------------------------*/
.gauche{
	width: 20vw;
	top:2.604166666667vw;
	float: left;
	position:relative;
	height: 65vw;
	overflow:hidden;
	background-color:rgba(255, 204, 207, 0.53);
	
	}
.marques{
  color:#B22222;
  
  
}
.presentation{
	position:relative;
	top:0px;
	text-align: justify;
	padding-left: 8px;
	padding-right: 8px;
	padding-top: 1.302083333333vw;
	font-size: 0.9vw;
	color:rgba(69, 69, 69, 0.94);
	/*background-color:rgba(255, 204, 207, 0.53);*/
	/*height: 580px;*/
		
}
.presentation h1, .liens h1, #content h1, .clients h1, .actu h1, .espace_perso h1, .form_login h1, #conten h1, .auditdepaie h1, .admin_pres{
	font-size: 1.35vw;
	color:#B22222;
	text-align: center;
	font-weight: bold;
	font-variant: small-caps;
}
.contact img{
	width:1.6vw;
	height:1.6vw;
	vertical-align: middle;
	margin-left:1vw;
}
.contact,.contact a{
	color:#B22222;
	font-size: 0.9vw;
}
.clients{
	position:relative;
	top:2.604166666667vw;
	margin:auto;
	text-align: center;
	font-size: 0.9vw;
	color:#B22222;
	line-height: 1.5vw;
}
img.logo_clients{
	vertical-align: middle;
	width:7vw;
	margin-top:5px;
}
/*-------------------------------- Fin gauche -----------------------------*/
/*-------------------------------- Début droite -----------------------------*/
.droite {
	top:2.604166666667vw;
	/*margin-right: 5vw;*/
	position:relative;
	width: 20vw;
	float: right;
	display:block;
	height:65vw;
	font-family: "arial";
	/*max-height: 781px;*/
	
	
	background-color:rgba(168, 199, 230, 0.35);
}
#logo_cegid{
	width:20vw;
	position:relative;
	top:1.302083333333vw;
}
#partner{
	position:relative;
	top: 2.1vw;
	color:#002e60;
	text-align: center;
	font-weight: bold;
	font-variant: small-caps;
	font-size: 1.35vw;
}
#salles_form{
	position:relative;
	top: 2.7vw;
	color:#002e60;
	text-align: center;
	font-weight: bold;
	font-variant: small-caps;
	font-size: 1.0vw;
}
.separation_rouge_droite {
	position:relative;
	top:2.604166666667vw;
	background-image: url(../images/separation_rouge.jpg);
	background-repeat:repeat-x;
	width: 10vw;
	height:2px;
	margin: auto;
}
.separation_rouge_droite1 {
	position:relative;
	top:8vw;
	background-image: url(../images/separation_rouge.jpg);
	background-repeat:repeat-x;
	width: 10vw;
	height:2px;
	margin: auto;
}

.liens{
	position: relative;
	top:5.2vw;
	padding-left: 5px;
}
.liens li{
	margin-left: 15px;
	list-style: circle;
	font-size: 0.9vw;
	color:red;
}
.actu{
	position:relative;
	margin-top: 9vw;
	max-height: 27vw;
	overflow: auto;
	text-align: left;
	width:19vw;
	padding-left: 0.5vw;
	padding-right:0.5vw;
	color:rgba(69, 69, 69, 0.94);
	font-size:0.8vw;
	/*margin:auto;*/
	
}
.actu h2{
	font-size:0.9vw;
	color:#002e60;
}
.actu h3{
	font-size:0.9vw;
	color: #B22222;
}
.actu h4{
	background-color:#002e60;
	color:white;
	text-align: center;
	font-size:0.7vw;
}
.suite{
	color:white;
	background-color: #B22222;
	font-size: 0.7vw;
	cursor: pointer;
	text-align: center;
}
#lirelasuite {display:none;}
/*-------------------------------- Fin droite -----------------------------*/
article {
	position:relative;
	top:2.604166666667vw;

	/*background-color:rgba(0, 0, 0, 0.02);*/
	background-color: white;
	max-height:65vw;
	height: 65vw;
	overflow: auto;
	padding-left: 5px;
	
	
	
	/*max-height: 781px;
	overflow: auto;*/
	}
#content{
	position: relative;
	margin-left:20vw;
	margin-right: 20vw;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 25px; 
	color:blue;
	font-size: 1vw;
	font-family: "arial";
	height: 65vw;
}
.logo_accueil{
	
	width: 100%;
	}
#logo_accueil{
	width: 110%;
	max-width: 100%;
}
#content h2{
	font-size: 1.1vw;
	color:#B22222;
	text-decoration:underline;
}
img.zip{
	vertical-align: middle;
	margin-left: 2vw;
	}
img#open_folder{
	vertical-align: middle;
}	
#repertoire{
	font-size:1vw;
	color:#B22222;
}
#fichier{
	font-size:0.9vw;
	color: rgba(69, 69, 69, 0.94);
	text-decoration: underline;
	
}
#nb_file{
	margin-left: 4vw;
	color:gray;
	font-style: italic;
}
#fichier:hover{
	color:blue;
}
.label_login{
	font-size:1vw;
	color:#B22222;
	text-align: center;
}
.form_login{
	text-align: center;
}
#exp_perdus{
	margin-left: 2vw;
	color:gray;
	font-size:0.8vw;
	font-style: italic;
}
.env_mail{
	text-align: center;
	position:relative;
	top:2vW;
	}
#id_perdus, .texte_avert{
	color:gray;
	font-size:0.75vw;
	font-style: italic;
	
}
#id_perdus:hover{
	color: blue;
}
.form_id_perdus{
	color:#B22222;
	position:relative;
	top:2vw;
	text-align: center;
}
#retour{
	text-align: center;
	font-size: 0.9vw;
	color:blue;
	position:relative;
	top:2.5vw;
}
#resultat{
	text-align: center;
	color:red;
	font-size: 0.6vw;
}

.separation_rouge_centre {
/*
	position:relative;
	top:8vw;
*/
	background-image: url(../images/separation_rouge.jpg);
	background-repeat:repeat-x;
	width: 10vw;
	height:2px;
	margin: auto;
}

.graph_stat_a{
	width:90%;
	margin: auto;
	margin-top:0vw;
	}
.graph_stat_a h3{
	font-size: 0.75vw;
	color:#B22222;
	text-align: center;
	font-weight: bold;
	font-variant: small-caps;
}
.graph_stat_a p{
	font-size: 0.75vw;
	color:#B22222;
	text-align: center;
	font-weight: bold;
	font-variant: small-caps;
	display: :inline;
}

.graph_stat{
	max-width: 50%;
	}
/*------------------------------------Style Programmes de formation -----------------------------*/
	li ul{
		/*color:blue;*/
		list-style-type: disc;
		list-style-position: outside;
		margin-left: 1vw;
		
	}
	ul.fin_menu{
		/*color:blue;*/
		list-style-type: disc;
		list-style-position:outside;
		padding-left: 0px;
	}
	ol{
		list-style-type: decimal;
		list-style-position: outside;
		color:#B22222;
	}
	
	li ul.a{
		color:gray;
		list-style-type: circle;
	}
	
	li ul.b{
		color:gray;
		list-style-type: disc;
	}
	.menu_formation{
		font-family: "arial";
		font-size: 0.9vw;
		color:gray;
		padding-left:1.5vw;
	}
	.titre{
		font-size: 1vw;
		text-decoration: underline;
		color:#B22222;
		/*margin-left: 0.6vw;*/
			}
	.titre_2{
		font-size: 1vw;
		text-decoration: underline;
		color:#B22222;
		margin-left:0vw;
	}
	.fin_menu{
		margin-left:1vw;
		color:gray;
	}
	.menu_formation h2{
		text-align: center;
	}
	.suite_form{
		position:relative;
		margin-top: 3vw;
		text-align: right;
		margin-right:5vw;
	}
	.suite_form a{
		/*background-color: #B22222;*/
		color:white;
		font-size: 0.8vw;
	}

/*------------------------------------Fin Style Programmes de formations -------------------------*/
/*-----------------------------------Début tableau DetailPrestationsExternalisationPaye ---------*/
table.DetailPrestationsExternalisationPaye {
	color:gray;
	font-size: 0.7vw;
	font-style: italic;
	
}
.DetailPrestationsExternalisationPaye th{
		text-align: center;
		font-size:0.8vw;
		background-color: rgba(255, 204, 207, 0.53);
		color:#B22222;
		font-style: normal;
		
	}
	
	.DetailPrestationsExternalisationPaye #first_col{
		width:60vw;
	}
	.DetailPrestationsExternalisationPaye #other_col{
		width:5vw;
	}
	.tdcenter{
		text-align: center;
	}

/*-----------------------------------Fin tableau DetailPrestationsExternalisationPaye ---------*/
/*-----------------------------------début prestations externes -------------------------------*/
ol#prest_ext_ol{
		list-style-type: decimal;
		list-style-position: inside;
		/*color:color:#B22222;*/
	}
ul#prest_ext_ul, ul#auditpaie_ul{
		list-style-type: disc;
		list-style-position: outside;
		color:gray;
		margin-left:2vw;
	}
.prest_ext p{
	color:gray;
}
/*-----------------------------------Fin prestations externes ----------------------------------*/
/*-----------------------------------Début page admin ------------------------------------------*/
.admin_g{
	width: 30vw;
	top:2.604166666667vw;
	float: left;
	position:relative;
	height: 65vw;
	overflow:hidden;
	background-color:rgba(0, 0, 0, 0.02);
	}
.creation_user, .creation_lien, .creation_actu, .maj_agenda{
	padding-left: 1vw;
	padding-top: 1vw;
}
.creation_user label, .creation_lien label, .creation_actu label, .maj_agenda label{

	color:#B22222;
	width:7vw;
	display:block;
	float:left;
}
input[name="libelle"], input[name="sujet_mail"]{
	width: 21vw;
	}
	
.maj_agenda textarea{
	width:21vw;
	height: 8vw;
}
.creation_actu textarea{
	color:green;
	height:1em;
}
.admin_d {
	top:2.604166666667vw;
	/*margin-right: 5vw;*/
	position:relative;
	width: 30vw;
	float: right;
	/*display:block;*/
	height:65vw;
	font-family: "arial";
	/*max-height: 781px;*/
	
	
	background-color:rgba(0, 0, 0, 0.02);
}
.admin_c {
	position:relative;
	top:2.604166666667vw;
	margin-left:30vw;
	margin-right: 30vw;
	background-color:rgba(0, 0, 0, 0.02);
	max-height:65vw;
	height: 65vw;
	overflow: auto;
	}
.admin_g h2, .admin_c h2, .admin_d h2{
	color:#B22222;
	text-align: center;
	font-size: 0.9vw;
}
#lien_tele_save, #save_loader, #lien_stat, #stat_loader{
	display:none;
}
/*---------------------------------------Fin page admin ------------------------------------------*/
footer{
	position: relative;
	top:5.208vw;
	width:90%;
	margin: auto;
	font-family: "arial";
	font-size: 0.7vw;
	text-align: center;
	height:2.604166666667vw;
	background-color: rgba(0, 0, 0, 0.02);
}
/*------------------------- Début media querie --------------------------*/
/*------------------------- Fin media querie --------------------------*/
#present_tc3000{
	height: 50vw;
}
#infos_tc3000{
	/*background-color: #fde5e1;*/
	margin-top: 3.5vw;
	/*margin-right: 5vw;*/
	/*min-height:75vh;*/
	color :black;
	/*text-shadow: white 2px 2px, white -2px 2px, white -2px -2px, white 2px -2px;*/
	font-family: News cycle;
	font-size: 1.5vw;
	line-height: 2.5vw;
	float: right;
	width:45vw;
	padding-left: 4vw;
	
}
#infos_tc3000 h3{
	display: inline;
}
ul img{
	width: 2vw;
	vertical-align: middle;
}
#titre_page2{
	/*background-color: grey;*/
	display: block;
	text-align: center;
}
#titre_tc3000, #titre_present{
	font-family: 'Amerika Sans';
	color:black;
	font-size: 2.5vw;
	text-align: center;
	/*background-color: aqua;*/
	
	
	
}
#comment_tc3000{
	color :#d4422f;
	/*text-shadow: white 2px 2px, white -2px 2px, white -2px -2px, white 2px -2px;*/
	font-family: Amerika Sans;
	font-size: 2.5vw;
	
}
#imac_photo{
	font-family: 'Arial';
	width:30vw;
	margin-right:0vw;
	margin-top: 22vw;
	margin-left: 10vw;
	}
#imac_photo img{
	max-width: 100%;
}
#imac_photo img.logo_lng{
	text-align: center;
	width:3vw;
}

#contact_tc3000{
	text-align: center;
	font-size: 1.3vw;
}
#num{
	font-size: smaller;
}
#citation{
	
	color:#666;
	font-style: italic;
	font-family: 'Arial';
	font-size: 1.1vw;
	margin-top: 1.5vw;
	padding-left: 4vw;
		
	
}