html {
	height: 100%;
	margin-bottom:0px;
}

form {
	margin: 0;
	padding: 0;
}

body{
    margin:0;
    padding:0;
    text-align: center;
    font-family: verdana, arial, sans-serif;
    font-size: 10px;
    color: #888888;
	/*background:#66B8DC;*/
	height:100%;
}

.button_end
{
	cursor:hand; 
	font-family:verdana;
	background:#F49B03; 
	color:white;
	border:solid 1px #F49B03;
	width: 200px;
	margin: 0px;
}

button
{
	cursor:hand; 
	font-family:verdana;
	background:#F49B03; 
	color:white;
	border:solid 1px #F49B03;
}

button:hover 
{
	text-decoration: underline;
	color: #ffffff;
}
button:link button:visited
{
	text-decoration: underline;
	color: #ffffff;
}
input 
{
    /*width: 100px;*/
    font-family:verdana, arial, sans-serif;
    font-size: 10px;
}

table 
{
    font-family:verdana, arial, sans-serif;
    font-size: 10px;
}


a {

    text-decoration: none;
    font-weight: bold;
    border: none;
    color: #888888;
 }

a:hover {
    text-decoration:  underline; 
    border: none;
    color: #888888;

 }

.LabelOblig 
{
	font-size: 10px;
	font-weight: bold;
	text-align: left;
	color: Red ;
	padding-right: 10px;
	padding-left: 10px;
	vertical-align: middle;
	height: 28px;
}

.LabelObligCenter 
{
	font-size: 10px;
	font-weight: bold;
	text-align: center;
	color: Red ;
	padding-right: 10px;
	padding-left: 10px;
	vertical-align: middle;
	height: 28px;
}

.Label
{
	font-size: 10px;
	font-weight: bold;
	text-align: left;
	padding-right: 10px;
	padding-left: 10px;
    vertical-align: middle;
    height: 28px;
}

.Title1
{
	font-size: 12px;
	font-weight: bold;
	text-align: left;
	margin-left: auto;
	margin-right: auto;
    vertical-align: middle;
    height: 20px;
	width:200px;
	text-align:center;
}
.Title
{
	font-size: 13px;
	font-weight: bold;
	text-align: center;
	padding-right: 10px;
	padding-left: 10px;
    vertical-align: middle;
    height: 28px;
}
#garde 
{
	text-align: center;
	width:100%;
	padding-right: 0px;
	padding-left: 0px;
	
}
.ContentGarde
{
	padding-top:250px;
	margin-left:45px;
	font-size: 13px;
	font-weight: bold;
	text-align: center;
    vertical-align: middle;
    height: 600px;
	/*background-color:#009CD7;*/
	background-color:#3367A5;
	color:#C1C0BF;
	width:80%;
}
.txtGarde
{
	font-size: 11px;
	text-align: center;
    vertical-align: middle;
	/*background-color:#009CD7;*/
	background-color:#3367A5;
	color:#000;
}

.TopGarde {
	margin-left:45px;
	width:80%;
	font-size: 13px;
	font-weight: bold;
	text-align: center;
	padding-top: 8px;
    vertical-align: middle;
    height: 28px;
	background-color:#F89836;
	color:#FFF;
}

.FooterGarde {
	margin-left:45px;
	width:80%;
	font-size: 13px;
	font-weight: bold;
	text-align: center;
	padding-top: 8px;
    vertical-align: middle;
    height: 300px;
	/*background-color:#F89836;*/
	background-color:#3367A5;
	color:#FFF;
}
.Recap
{
	font-size: 14px;
	vertical-align: middle;
    height: 20px;
}


#home
{
	margin:0;
    padding-left:10px;
    text-align: left;
    font-family: verdana, arial, sans-serif;
    font-size:14px;
    color: #888888;
}

#content 
{
    width: 1024px;
	min-height:600px;
	background:#ffffff;
	/*border: 1px solid #172983;*/
	height:100%;
	vertical-align:top;
}

#content1
{
	width: 1024px;
	height: 100%;
	min-height:800px;
	padding: 0;
	margin: 0 auto;
	background: #fff;
	vertical-align:top;
}

#main
{
    width: 100%;
    margin:0;
    padding:0;
	text-align:center;
	/*border: 5px solid #172983;*/
}

#leftcolumn
{
	margin: 0;
	width: 200px;
	float: left;
	padding: 0 0 0 0;
	text-align: left;
	height:100%;
	/*border: 1px solid green;*/
}



#rightcolumn
{
	margin: 0;
	width: 215px;
	float: left;
	padding:0;
	text-align: left;
	vertical-align:top;
	/*border: 1px solid blue;*/
	height:100%;
}


#maincolumn 
{
	float: left;
	margin: 0 0 0 0;
	padding:0;
	width: 730px;
	/*border: 1px solid red;*/
	height:100%;
	overflow:visible;
	text-align:center;
}

#maincolumnphase
{
	float: left;
	margin: 0 0 0 0;
	padding:0;
	width: 595px;
	/*border: 1px solid red;*/
	height:100%;
	overflow:visible;
	text-align:center;
	PADDING-RIGHT: 5px; 
	PADDING-LEFT: 5px; 
}

#l_maincolumn
{
	margin-left: auto;
	margin-right: auto;
	float: left;
	padding:0;
	width: 1010px;
	/*border: 1px solid blue;*/
	height:100%;
	overflow:visible;
	text-align:center;
}

#footer 
{  
	background: url(../_img/Footer.jpg) no-repeat left top; 
    width:1024px; 
    height:49px;
    padding: 0 0 0 0;
    text-align:center;
	vertical-align:middle;
	position:relative;
	background-color:#66B8DC;
	color:#000;
	/*border: 1px solid red;*/
}

#footer a
{  
	
    width:1024px; 
    height: 49px;
    padding: 0 0 0 0;
	position:relative;
	color:#000;
	text-decoration:none;
	text-align:center;
	vertical-align:middle;
	/*border: 1px solid red;*/	
}


#header 
{
    height:150px; 
    width:100%;
}



#cgv
{
	width:750px;
    height:200px;
	overflow:scroll;
	text-decoration:none;
	text-align:left;
	border:1px solid #66B8DC;
	font-family:verdana, arial, sans-serif;
    font-size: 10px;
	font-weight:none;
}

#cgv1
{
	text-decoration:none;
	text-align:left;
	border:1px solid #66B8DC;
	font-family:verdana, arial, sans-serif;
    font-size: 10px;
	font-weight:none;
	text-align:justify;
	padding:4px;
}

.parag
{
	font-weight:bold;
	text-align:left;
	/*border:1px solid #66B8DC;*/
	font-family:verdana, arial, sans-serif;
    font-size: 10px;
	font-weight:none;
	text-align:justify;
	padding:2px;
}

.contentheading_fr
{
	background: url(../_img/Header_fr.jpg) no-repeat left center; 
    width: 100%;
    font-weight: bold;
    font-size: 50px;
    height: 97px;
    line-height: 60px;
    color: #002E61;
    text-align:left;
    background-color:#66B8DC;
	vertical-align:top;
}

.contentheading_en
{
	background: url(../_img/Header_en.jpg) no-repeat left center; 
    width: 100%;
    font-weight: bold;
    font-size: 50px;
    height: 97px;
    line-height: 60px;
    color: #002E61;
    text-align:left;
    background-color:#66B8DC;
	vertical-align:top;
}
#headerimg_fr  
{
    background-color:#66B8DC;
    background: url(../_img/flag_en.gif) no-repeat right center; 
    text-align:left;
    width:30px;
    height:16px;
	cursor:pointer;
    left:970px;
    top:20px;
    padding: 0 0 0  0;
    margin: 0 0 0 0;
    position:relative;
	/*border:1px solid #000;*/
}

#headerimg_en
{
    background-color:#66B8DC;
    background: url(../_img/flag_fr.gif) no-repeat right center; 
    text-align:left;
    width:30px;
    height:16px;
	cursor:pointer;
    left:970px;
    top:20px;
    padding: 0 0 0  0;
    margin: 0 0 0 0;
    position:relative;
	/*border:1px solid #000;*/
}

/*#headerlogo 
{
    background-color:#66B8DC;
    background: url(../_img/logo.gif) no-repeat left center; 
    text-align:left;
    width:344px;
    height:97px;
    left:0px;
    top:0px;
    padding: 0 0 0 0;
    margin: 0 0 0 0;
    position:relative;
	border:1px solid #000;
}*/
/*

.nav_gen UL LI A 
{
	PADDING-RIGHT: 0px; 
	PADDING-LEFT: 15px; 
	FONT-WEIGHT: bold; 
	FONT-SIZE: 11px; 
	BACKGROUND: url(../_img/menu_row.png) no-repeat left center; 
	PADDING-BOTTOM: 0px; 
	MARGIN: 0px; 
	COLOR: #888888; 
	LINE-HEIGHT: 18px; 
	PADDING-TOP: 0px; 
	HEIGHT: 18px; 
	TEXT-DECORATION: none
}

.nav_gen UL LI A:link {
	PADDING-RIGHT: 0px; 
	PADDING-LEFT: 15px; 
	FONT-WEIGHT: bold; 
	FONT-SIZE: 11px; 
	BACKGROUND: url(../_img/menu_row.png) no-repeat left center; 
	PADDING-BOTTOM: 0px; 
	MARGIN: 0px; 
	COLOR: #888888; 
	LINE-HEIGHT: 18px; 
	PADDING-TOP: 0px; 
	HEIGHT: 18px; 
	TEXT-DECORATION: none
}

.nav_gen UL LI A:hover {
	COLOR: #888888; 
	TEXT-DECORATION: underline
}
.nav_gen UL LI A:hover {
	COLOR: #888888; 
	TEXT-DECORATION: underline
}

.nav_gen UL LI#current A {
	PADDING-RIGHT: 0px; PADDING-LEFT: 15px; FONT-WEIGHT: bold; FONT-SIZE: 11px; BACKGROUND: url(../images/menu_row.png) no-repeat left center; PADDING-BOTTOM: 0px; MARGIN: 0px; COLOR: #888888; LINE-HEIGHT: 18px; PADDING-TOP: 0px; HEIGHT: 18px; TEXT-DECORATION: underline
}

.nav_gen UL LI#current A:link li a:visited{
	PADDING-RIGHT: 0px; PADDING-LEFT: 15px; FONT-WEIGHT: bold; FONT-SIZE: 11px; BACKGROUND: url(../images/menu_row.png) no-repeat left center; PADDING-BOTTOM: 0px; MARGIN: 0px; COLOR: #888888; LINE-HEIGHT: 18px; PADDING-TOP: 0px; HEIGHT: 18px; TEXT-DECORATION: underline
}

.nav_gen LI UL {
	LIST-STYLE-TYPE: none
}
.nav_gen UL {
	PADDING-RIGHT: 0px; 
	PADDING-LEFT: 0px; 
	PADDING-BOTTOM: 0px; 
	MARGIN: 6px 0px; 
	PADDING-TOP: 0px; 
	LIST-STYLE-TYPE: none
}

.nav_gen UL LI {
	PADDING-RIGHT: 2px; 
	PADDING-LEFT: 2px; 
	PADDING-BOTTOM: 0px; 
	MARGIN: 0px; 
	PADDING-TOP: 0px
}
*/
#infoclient
{
    text-align:left;
    vertical-align: middle;
    white-space :nowrap;
    float: right;
}

#hmenu
{
    text-align:center; 
    vertical-align: middle;
    padding: 10 0 0 240px;
}

#headermenu
{
    text-align: center;
	padding-top:5px;
	margin:0 auto;
	width : 100%;
	height: 52px;
	vertical-align: middle;
}



#headermenu ul {
    margin: 0;
	padding: 0;
	list-style: none;
	text-align:center;
}



#headermenu li {

	float: left;
	margin: 0 10px 0 0;
	padding: 0;
	background: url(../_img/pillmenu_r_bg.jpg) center right no-repeat;
	text-align:center;

}

#headermenu li:hover {
}

#headermenu li a {

	font-family: Verdana, Tahoma, sans-serif;
	font-size: 11px;
	float: left;
	display: block;
	line-height: 24px;
	padding: 0 10px 0 10px;
	margin: 0;
	color: #fff;
	text-decoration: none;
	font-weight: bold;
	background: none;
	height: 26px;
	background: url(../_img/pillmenu_l_bg.jpg) center left no-repeat;
}

#headermenu li a#active_menu-nav {
}


#headermenu li a:hover 
{
	text-decoration: underline;
}


table.modeemploi 
{
    font-family:Verdana, arial, sans-serif;
    font-size: 10px;
	border-spacing: 1px;
	margin-left:10px;
	margin-right:10px;
	background-color: #fff;
	color: #666;
	border: 1px solid #e7e7e7; 
	text-align:center;
	margin-left: auto;
	margin-right: auto;
	padding: 3px;

}

table.modeemploi th
{
    background-color: #e7e7e7;
}

table.connect 
{
    font-family:Verdana, arial, sans-serif;
    font-size: 10px;
	border-spacing: 1px;
	margin-left:10px;
	margin-right:10px;
	background-color: #fff;
	color: #666;
	border: 1px solid #e7e7e7; 
	text-align:center;
	margin-left: auto;
	margin-right: auto;

}

table.connect th
{
    background-color: #e7e7e7;
}


table.listChecklist
{
    font-family:Verdana, arial, sans-serif;
    font-size: 10px;
	width: 75%;
	border-spacing: 1px;
	background-color: #e7e7e7;
	border: 1px solid #e7e7e7;
	color: #666;
	margin-left: auto;
	margin-right: auto;

}

table.listChecklist th 
{
    padding-right: 5px;
	padding-left: 5px;

}



table.qlogin
{
    font-family:Verdana, arial, sans-serif;
    font-size: 10px;
	border-spacing: 1px;
	background-color: #e7e7e7;
	color: #666;
	vertical-align:top;
	width:180px;
}

table.listCheck 
{
    font-family:Verdana, arial, sans-serif;
    font-size: 10px;
	width: 100%;
	border-spacing: 1px;
	background-color: #e7e7e7;
	color: #666;
}

table.Command 
{
    font-family:Verdana, arial, sans-serif;
    font-size: 12px;
	width: 100%;
	border-spacing: 1px;
	background-color: #e7e7e7;
	color: #666;
}

tr.trRow
{ 
    background-color: #ffd ; 
    height: 15px; 
    background: #fff; 
    border: 1px solid #fff; 
}

tr.trRow:hover td ,tr.trRow:hover tr
{
     background-color: #ffd;
}

tr.trRow a:hover { 
   background-color: #ffd; 
 } 
 
 
 tr.trRowCL{
	background-color: #ffd ; 
    height: 15px; 
    background: #fff; 
    border: 1px solid #fff; 
 }
 
.Step
{
	font-size: 13px;
	font-weight: bold;
	padding-right: 10px;
	padding-left: 10px;
    vertical-align: middle;
    height: 28px;
	background: #C1C0BF;
	color:#373535;
	/*white-space:nowrap;*/
	/*text-decoration:underline;*/
}
 
table.addCheck 
{
    font-family: verdana, arial, sans-serif;
    font-size: 10px;
	width: 100%;
	background-color: #e7e7e7;
	color: #666;
}
table.addCheck  tr 
{ 
    background-color: #ffd ; 
    height: 15px; 
    background: #fff; 
}

.Phase_1 , .Phase_2 ,.Phase_16 , .Phase_17,.Phase_18 , .Phase_19, .Phase_1A171B
{
	font-size: 13px;
	font-weight: bold;
	text-align: center;
	padding-right: 10px;
	padding-left: 10px;
    vertical-align: middle;
    height: 28px;
	background-color: #1A171B;
	color: #FFF;
}

.Phase_3 , .Phase_4  , .Phase_5  , .Phase_6 , .Phase_11 , .Phase_868889
{
	font-size: 13px;
	font-weight: bold;
	text-align: center;
	padding-right: 10px;
	padding-left: 10px;
    vertical-align: middle;
    height: 28px;
	background-color: #868889;
	color: #FFF;
}

.Phase_7 , .Phase_FFED00 
{
	font-size: 13px;
	font-weight: bold;
	text-align: center;
	padding-right: 10px;
	padding-left: 10px;
    vertical-align: middle;
    height: 28px;
	background-color: #FFED00;
	color: #000;
}

.Phase_8 , .Phase_008040
{
	font-size: 13px;
	font-weight: bold;
	text-align: center;
	padding-right: 10px;
	padding-left: 10px;
    vertical-align: middle;
    height: 28px;
	background-color: #008040;
	color: #FFF;
}

.Phase_9 , .Phase_15  , .Phase_009EE0
{
	font-size: 13px;
	font-weight: bold;
	text-align: center;
	padding-right: 10px;
	padding-left: 10px;
    vertical-align: middle;
    height: 28px;
	background-color: #009EE0;
	color: #FFF;
}

.Phase_10 , .Phase_93117E
{
	font-size: 13px;
	font-weight: bold;
	text-align: center;
	padding-right: 10px;
	padding-left: 10px;
    vertical-align: middle;
    height: 28px;
	background-color: #93117E;
	color: #FFF;
}



.Phase_12 , .Phase_F29400
{
	font-size: 13px;
	font-weight: bold;
	text-align: center;
	padding-right: 10px;
	padding-left: 10px;
    vertical-align: middle;
    height: 28px;
	background-color: #F29400;
	color: #FFF;
}

.Phase_13 , .Phase_14 , .Phase_E2001A
{
	font-size: 13px;
	font-weight: bold;
	text-align: center;
	padding-right: 10px;
	padding-left: 10px;
    vertical-align: middle;
    height: 28px;
	background-color: #E2001A;
	color: #FFF;
}
.selectStyle 
{ 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 10px; 
	/*border: #000000; 
	border-style: solid; 
	border-top-width: 1px; 
	border-right-width: 1px; 
	border-bottom-width: 1px; 
	border-left-width: 1px*/
}