﻿body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,textarea,blockquote
{ padding: 0; margin: 0; }

table
{ border-collapse: collapse; border-spacing: 0; }

fieldset,img
{ border: 0; }

address,caption,cite,code,dfn,em,string,th,var
{ font-style: normal; font-weight: normal; }

ol,ul
{ list-style: none; }

caption,th
{ text-align: left; }

h1,h2,h3,h4,h5,h6
{ font-size: 100%; font-weight: normal; }

q:before,q:after
{ content:''; }

abbr,acronym 
{ border: 0; } 

html,body{height:100%;}

a:active, a:focus{outline:none;}
em {font-style:italic;}

img{behavior:url(/css/pngfix/iepngfix.htc)}

hr{width:100%;height:1px;background-color:#d7d7d7;border:0;}

a:link { padding:0; color: #4bc200 }
a:hover { color: #1c006d}
a:visited { color: #4bc200 }
a:active { color: #4bc200 }

BODY { background-color:#999999;

    SCROLLBAR-FACE-COLOR: #9F9F9B;
    SCROLLBAR-HIGHLIGHT-COLOR: #CECECC;
    SCROLLBAR-SHADOW-COLOR: #DDDDDB;
    SCROLLBAR-3DLIGHT-COLOR: #ECECEC;
    SCROLLBAR-ARROW-COLOR: #CECECC;
    SCROLLBAR-TRACK-COLOR: #f1f1f1;
    SCROLLBAR-DARKSHADOW-COLOR: #CECECC;
	text-align: right;
}


p  { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 8pt; color: #626262; text-align:justify;}

td { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 8pt; color: #626262;}
input { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 8pt; color: #626262;}

.tdmargin td p {padding: 5px 10px;}

.tdmargin td h2 {padding-left:10px;}

h1 { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 11pt; color: #1c006d; margin-bottom: 5; text-transform:uppercase;}

h2 { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 10pt; color: #1c006d;font-weight: bold; margin-bottom: 0; margin-top:0; }

h3 { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 9pt; font-weight: bold; color: #17005A; margin-bottom: 0; }

h4 { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 7pt; font-weight: bold; color: #434C60; margin-bottom: 0; text-decoration: none; }

h5 { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 8pt; color: #1c006d; margin-bottom: 0; text-decoration: none;}

h6 { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 8pt; color: #1c006d; font-weight: bold; margin-bottom: 0; text-transform:uppercase; text-decoration: none;}

h7 { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 11pt; color: #0868DD; margin-bottom: 5; text-transform:uppercase;}

monh6 { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 8pt; color: #2C416E; font-weight: bold; margin-bottom: 0; text-transform:uppercase; text-decoration: none; }

li { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 8pt; text-align: left }

b, strong { color: #4bc200 }
b, strong { color: #666666 }

hr { border: solid 1px #DDDDDD;  padding-top : 2px;}

img {border:0;}

.tab{padding:0 2px 0 2px;}




.GdTitre{font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 11pt; color: #0868DD; margin-bottom: 5; text-transform:uppercase; font-weight: bold}
.ptBlanc{ font-size: 7pt ; color: #ffffff}
.PetitGris { font-size: 7pt ; color: #626262}
.GrisBold{color: #626262; font-weight: bold}
.Vert { color: #4bc200 }
.Bleu { color: #1c006d; font-weight: bold }
p.Bleu { color: #1c006d; font-weight: bold }
.Bleu2 { color: #1c006d; }
.BleuClair { color: #0868DD; font-weight: bold; font-size: 12pt }
.BleuClair2 { color: #0868DD; font-weight: bold; font-size: 9pt }
.BleuBrillant{color:#0597D0;}

a.Bleu3 { color: #1c006d; text-decoration:none;}
a:hover.Bleu3 { color: #1c006d; text-decoration:underline;}
a:visited.Bleu3 { color: #1c006d; text-decoration:none;}
a:active.Bleu3 { color: #1c006d; text-decoration:none;}

a.Bleu4 { color: #0868DD; text-decoration:none; font-weight: bold}
a:hover.Bleu4 { color: #1c006d; text-decoration:underline; font-weight: bold;}
a:visited.Bleu4 { color: #0868DD; text-decoration:none; font-weight: bold}
a:active.Bleu4 { color: #0868DD; text-decoration:none; font-weight: bold;}

a:visited#MenuG { color: #606060}
a:active#MenuG { color: #606060}
a:hover#MenuG { color: #4bc200}

a:link#Vert{ padding:0; color: #4bc200 ; text-decoration: none }
a:visited#Vert{ color: #4bc200 ; text-decoration: none}
a:active#Vert{ color: #4bc200 ; text-decoration: none}
a:hover#Vert{ color: #1c006d; text-decoration: none; }

a:Link.MenuD{  color: #1c006d; text-decoration: none ; font-weight : bold}
a:Visited.MenuD{  color: #1c006d; text-decoration: none ; font-weight : bold}
a:Active.MenuD{  color: #1c006d; text-decoration: none ; font-weight : bold}
a:Hover.MenuD{  color: #4bc200 ; text-decoration: underline ; font-weight : bold}

a.BlancH { color: #ffffff; text-decoration:none; font-weight: bold; font-size: 7pt}
a:hover.BlancH { color: #ffffff; text-decoration:underline; font-weight: bold; font-size: 7pt}
/*a:visited.BlancH{ color: #ffffff; text-decoration:none; font-weight: bold; font-size: 7pt}
a:active.BlancH{ color: #ffffff; text-decoration:underline; font-weight: bold; font-size: 7pt}*/

a:link#Gris{ padding:0; color: #626262; text-decoration: none }
a:visited#Gris{ color: #626262; text-decoration: none}
a:active#Gris{ color: #626262; text-decoration: none}
a:hover#Gris{ color: #4bc200; text-decoration: none; }

a:link#GrisPetit{ padding:0; color: #626262; text-decoration: none;font-size: 7pt }
a:visited#GrisPetit{ color: #626262; text-decoration: none;font-size: 7pt}
a:active#GrisPetit{ color: #626262; text-decoration: none;font-size: 7pt}
a:hover#GrisPetit{ color: #4bc200; text-decoration: none;font-size: 7pt }


form {padding:0;margin:0;}
.styleboutonadmin { color: #ffffff; background-color: #4CC400; border-style: ridge; border-width: 1px;  }

.ZoneTexteadmin  { border:1px solid #434C60; color:#000000; padding: 3;}
.ZoneTexteadmin2  { padding: 3;}
.stylebouton { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-weight: bold; color: #ffffff;
			   font-size: 9pt; background-color: #4CC400; border-style: ridge; border-width: 1px; padding-left: 4px;
			   padding-right: 4px; padding-top: 1px; padding-bottom: 1px }
.stylebouton2 { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-weight: bold; color: #ffffff;
			   font-size: 9px; background-color: #4CC400; border-style: ridge; border-width: 1px;padding-left: 4px;
			   padding-right: 4px; padding-top: 1px; padding-bottom: 1px}

.ZoneTexte  { border:1px solid #434C60; padding: 3px; color:#000000; font-size:13px;}
.ZoneTexteFade  { border:1px solid #434C60; padding: 3px; color:#A6A6A6; font-size:13px;}
.ZoneTexteLogin  { border:1px solid #434C60; padding: 1px; color:#000000; font-size:12px;width:160px;}

.ZoneRech { border:1px solid #434C60; padding: 3px; color:#646464; font-size:13px}


.ListeDeroulante { border: 1px solid #c6c6c6; padding-left: 3px; padding-right: 3px; padding-top: 2px; padding-bottom: 2px; background-color: #FFFFFF; font-family:Verdana; font-size:8pt  }

.Maj { font-variant: small-caps }

.GdMaj { text-transform:uppercase; font-size: 7pt; }

.form { font-size: 8pt; font-weight: bold; color: #354D83; margin-bottom: 0}

.pt { font-size: 7pt }

.rouge { color: #C72013 }

.blanc { color: #ffffff}

.ProCC_fond
{
	background-image:url('images/ProCC/logo_fond.jpg');
	background-repeat:no-repeat;
	background-position:right bottom;
}

.CelluleMAJCoul { background-color: #F7EED1 }

.CelluleRouge { background-color: #C61E17; font-family: Arial; font-size: 9pt; font-weight: bold; color: #FFFFFF; margin-bottom: 0; text-transform:uppercase }

.ContourRouge { border:1px solid #C61E17; }

.PtCelluleRouge { background-color: #C61E17; font-size: 7pt; font-weight: bold; color: #FFFFFF; margin-bottom: 0 }

.degrade { filter:progid:DXImageTransform.microsoft.gradient(startColorStr=#ffffff,endColorStr=#EDD898,gradientType=1) }

.degrade2 { filter:progid:DXImageTransform.microsoft.gradient(startColorStr=#ffffff,endColorStr=#EDD898,gradientType=0) }

.degradeBleu { filter:progid:DXImageTransform.microsoft.gradient(startColorStr=#ffffff,endColorStr=#E3CEFD,gradientType=1) }

.PtCellClair { font-size: 8pt; background-color: #ffffff }

.PtCellFonce { font-size: 8pt; background-color: #e9f8d9}

.PtCellFonce { font-size: 8pt; background-color: #eeeeee}

.CellClair { background-color: #FCF9EF; }

.CellGRISClair { background-color: #E2E4E2; }

.CellFonce { background-color: #F6ECCE }

.Menu {  font-family: Arial; font-size: 9pt; color: #C72013; font-weight:bold }

.parent { font-family: verdana;	font-weight: bold; font-size: 8pt; margin-top: 6; cursor: hand;}

.child { font-size: 8pt; font-weight: normal; margin-left: 14pt; }
/*.CtVert {border: 1px solid #4bc200 ;}*/
.CtVert {border: 1px solid #414141;}
.CellBlanc {background-color: #ffffff;}
.CellVert {background-color: #e9f8d9;}
.CellVert {background-color: #eeeeee;}
.CellVertOver {background-color: #4DC500;}



.Identification {
	background-image: url(images/Interface/HautPage/FdIdentification.gif);
	background-repeat: no-repeat;
	background-position: Left bottom;
	height: 102px;
	width: 180px;
}

.Identification2 {
	background-image: url(images/Interface/HautPage/FdIdentification2.gif);
	background-repeat: no-repeat;
	background-position: Left bottom;
	height: 102px;
	width: 180px;
}

.FondCQP {
	background-image: url(images/Formation/CQPDUPLIK.gif);
	background-repeat: repeat-y;
	background-position: center bottom;
	}

.DegradeDroite{
	background-image: url(images/Environnement/Fond.gif);
	background-repeat: no-repeat;
	background-position-x: right;
}

.DegradeGauche{
	/*background-image: url(images/Environnement/FondDegradeG.gif);
	background-repeat: no-repeat;
	background-position-x: left;*/
	
	background: rgb(180,180,180); /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2I0YjRiNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(left, rgba(180,180,180,1) 0%, rgba(255,255,255,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(180,180,180,1)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left, rgba(180,180,180,1) 0%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left, rgba(180,180,180,1) 0%,rgba(255,255,255,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left, rgba(180,180,180,1) 0%,rgba(255,255,255,1) 100%); /* IE10+ */
	background: linear-gradient(left, rgba(180,180,180,1) 0%,rgba(255,255,255,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b4b4b4', endColorstr='#ffffff',GradientType=1 ); /* IE6-8 */
}

.FondContact{
	background-image: url(images/Contact/FondFormulaire.gif);
}

.TraitVert {
	background-image: url(images/Interface/TraitVertClair.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	height: 7px;
}


.TraitGris {
	border-bottom:1px solid #E0DFE3;
	background-position-x;
	}

.CoteOccasion {
	background-image: url(images/Accueil/CoteOccasion.gif);
	background-repeat: no-repeat;
	background-position:  Right bottom;
	height: 158px;
	width: 179px;
}

.PointilleGauche
{
	border-left:dashed 1px #888888;
}

.Adherent {
	background-image: url(images/Accueil/Adherent.gif);
	background-repeat: no-repeat;
	background-position:  Right bottom;
	height: 146px;
	width: 179px;
}

#CellRouge {
	color: #C72013;
	text-align: justify;
}
#CellRouge P {
	color: #C72013;
	text-align: justify;
}
#couche1 {
	position: absolute;
	background-color: #ffffff;
	left:0;
	top:0;
	width:100%;
	height:100%;
	text-align: center;
	z-index: 10;
	color: #000000;
	visibility:hidden;
	filter:alpha(opacity=85);   /* Internet Explorer 6     */
   -moz-opacity:0.85;           /* Mozilla 1.6 et infér.   */
   opacity: 0.85;               /* CSS3 et Mozilla récents */
}
#cache {
	position: absolute;
	width: 100%;
	height: 100%;
	left:0;
	top:0;
	background-color: #E1E0E0;
	text-align: center;
	z-index: 8;
	visibility: hidden;
	color: #000000;
	filter:alpha(opacity=50);   /* Internet Explorer 6     */
   -moz-opacity:0.5;           /* Mozilla 1.6 et infér.   */
   opacity: 0.5;               /* CSS3 et Mozilla récents */
}

#Fenetre {
	position: absolute;
	width: 100%;
	height: 100%;
	left:0;
	top:0;
	text-align: center;
	z-index: 9;
	visibility: hidden;
	filter:alpha(opacity=100);   /* Internet Explorer 6     */
   -moz-opacity:1;           /* Mozilla 1.6 et infér.   */
   opacity: 1;               /* CSS3 et Mozilla récents */
}

/* Calendrier */

.ds_box {
	background-color: #F9FCED;
	border: 1px solid #006600;
	position: absolute;
	font-size:7pt;
	z-index: 32767;
}

.ds_tbl {
	background-color: #F9FCED;
	font-size:7pt;
}

.ds_head {
	background-color: #F9FCED;
	color: #006600;
	font-size:7pt;
	font-weight: bold;
	text-align: center;
}

.ds_subhead {
	background-color: #006600;
	color: #FFFFFF;
	font-weight: bold;
	font-size:7pt;
	text-align: center;
}

.ds_cell {
	background-color: #F9FCED;
	color: #006600;
	text-align: center;
	font-size:7pt;
	padding: 2px;
	cursor: pointer;
}

.ds_cell:hover {
	background-color: #E7F5FB;
} /* This hover code won't work for IE */

/*-------------------------------------------------*/

.tablePresnt{

border:1px #CCCCCC solid;
	width:100%;
	
}
.tablePresnt .bgTabTR{
	
	   background: none repeat scroll 0 0 #E7E7E7;
    border: 1pt solid #666666;
    padding: 6pt;
}

.bgTabTR b{
color: #096BE4;
}

.tablePresnt .zebra{
background-color:#F8F8F8;
	
}

.dept{
	font-size: 10px;
	text-transform:capitalize;
}

.dept a{
	text-decoration: none;
	color: #333;
}

#Mapping, #Mapping2{
	position: relative;
}

#Mapping #popupCC, #Mapping2 #popupCaravanne{
	position: absolute;
	max-width: 300px;
	height: 50px;
	top: 100px;
	left: 50px;
	display:none;
	z-index:1000;
}

.upload { overflow: hidden; position: relative; /*background: #A8258A;*/ text-align: center; cursor: pointer;
	background: #189702; /* Old browsers */
	background: -moz-linear-gradient(top, #56CD00 0%, #189702 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#56CD00), color-stop(100%,#189702)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #56CD00 0%,#189702 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #56CD00 0%,#189702 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, #56CD00 0%,#189702 100%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#56CD00', endColorstr='#189702',GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, #56CD00 0%,#189702 100%); /* W3C */

}

.upload:hover{
	background: #56CD00; /* Old browsers */
	background: -moz-linear-gradient(top, #189702 0%, #56CD00 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#189702), color-stop(100%,#56CD00)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #189702 0%,#56CD00 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #189702 0%,#56CD00 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, #189702 0%,#56CD00 100%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#189702', endColorstr='#56CD00',GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, #189702 0%,#56CD00 100%); /* W3C */
}

.upload, .upload_file {
 	cursor: pointer;
    display: inline-block;
    height: 29px;
    width: 143px;
    margin: 0 10px;
    border-radius: 5px 5px 5px 5px;
    box-shadow: 1px 1px rgba(0, 0, 0, 0.2), -1px -1px rgba(255, 255, 255, 0.3);
 }
 
.upload_file { 
	opacity: 0; 
	filter: alpha(opacity=0); 
	position: absolute; 
	right: 0px; 
	top: 0; 
	font-size: 18px;  
	cursor: pointer;
}

.upload span { color: white; line-height:27px; font-weight: bold; cursor: pointer;}

.mini-carte{
	display: block;
    height: 201px;
    margin: 0 auto;
    padding: 8px !important;
    width: 201px;
}

#caravanne{
	background:url(images/bg-carte-caravanne.png) no-repeat top left;
}

#ccneuf{
	background:url(images/bg-carte-ccn.png) no-repeat top left;
}

#ccoccas{
	background:url(images/bg-carte-cco.png) no-repeat top left;
}

.filtre{
	position: absolute;
	width: 190px;
	top: 5px;
	right: 5px;
	background: #fff;
	border: 1px solid #C0C0C0;
}
.filtre .button{
	display:block;
	background:#015AB7;
	color:#ffffff;
	padding:2px 3px;
	font-weight:bold;
	border:0;
	font-size:10px;
}

.loupe { background-color:#555; background:rgba(0, 0, 0, 0.25); border:5px solid rgba(0, 0, 0, 0); cursor:url(blank.png), url(blank.cur), none; }
#zoom_adherent { background:transparent; float:left; margin-right:20px; }

.universite_2012 {
	background-color: #EBE7E8;
	padding: 5px;
	text-shadow: 1px 1px 0 #FFF;
}

.universite_2012 a, .universite_txt a {
	color: #666666;
	text-decoration: none;
}

.universite_2012 a:hover, .universite_txt a:hover {
	color: #0272D3;
	text-decoration: none;
}

.universite_txt {
	text-align:left;
}
#cache2
{
	width:100%;
	height:100%;
	position:fixed;
	background-color:#000000;
	opacity:0.7;
	filter:alpha(opacity=70);
    -moz-opacity:0.7;
    -ms-filter:"alpha(opacity=70)";
    z-index:500;
    top:0;
    display:none;
    cursor:pointer;
}

#popup
{
	position:fixed;
	width:500px;
	height:400px;
	z-index:600;
	left:50%;
	margin-left:-250px;
	top:50%;
	margin-top:-200px;
	display:none;
	background-color:#ffffff;
	border:solid 1px #cccccc;
	-moz-box-shadow: 0px 0px 5px #cccccc;
	-webkit-box-shadow: 0px 0px 5px #cccccc;
	-o-box-shadow: 0px 0px 5px #cccccc;
	box-shadow: 0px 0px 25px #cccccc;
}
#popup .titre_popup
{
	position:relative;
	float:left;
	margin:-30px 0 0 5px;
	height:25px;
	line-height:25px;
	font-size:16px;
	font-weight:normal;
	color:#ffffff;
	font-family:"AvantGarde";
}
#popup .txt_popup
{
	position:relative;
	overflow:auto;
	padding:4px 20px 20px 20px;
	width:460px;
	height:360px;
}
#popup .txt_popup .loader
{
	position:relative;
	width:64px;
	height:64px;
	left:50%;
	top:50%;
	margin-left:-25px;
	margin-top:-25px;	
	background:#fff url(images/ajax-loader.gif) no-repeat scroll center center;
}
#popup .fermer a
{
	display:block;
	float:right;
	width:32px;
	height:32px;
	background:transparent url(images/interface/close.png) no-repeat scroll center center;
	margin:-15px -15px 0 0;
}

a.popup ,a:link.popup,a:visited.popup{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; 
	font-weight: bold; 
	color: #ffffff;
	font-size: 9px;
	background-color: #4CC400;
	border: 1px solid #ffffff;
	margin : 2px;
	padding: 2px 10px;
	text-decoration:none;
}

.listeover{
	background-color:#4dc500;
	color:#ffffff;
}

.listeout1{
	background-color:#e9f8d9;
}
.listeout2{
	background-color:#ffffff;
}
