/* CSS Document */


/* General Styles 
******************************************************/

body 
{
	padding:0;
	margin: 0 auto;
	font-family:Arial;
	font-size:11px;	
	color:#353535;
}

/* Liens, images, H... 
******************************************************/
a, img 
{
	border:0;
	text-decoration : none;
	}

#flashBanner a
{
	text-decoration:underline;
	color:Blue;
}	


#bottomStripe a:link, a:visited
{
	text-decoration:none;
	color:White;
	padding:0 5px 0 0;
}

#bottomStripe a:hover
{
	text-decoration:underline;
}

h2
{
	font-size:14px;
	
}

/* Wrapper
******************************************************/
#wrapper
{
	width:888px;
	margin: 15px auto;
	height:100%;
}

#firstWrapper
{
	width:888px;
	height:100%;
	background-image:url(../images/bgRepeat.gif);
	background-repeat:repeat-y;
	float:left;
}

/* Cap
******************************************************/

#cap
{	
	width:888px;
	height:20px;
	background-image:url(../images/cap.gif);
}

/* betweenBorders
******************************************************/

#betweenBorders
{	
	width:848px;
	height:100%;
	float:left;
	padding:0 0 0 20px;
}

/* topBanner
******************************************************/

#topBanner
{
	width:848px;
	height:72px;
	float:left;
}


#logo
{
	width:286px;
	height:72px;
	/*background-image:url(../images/logo.gif);*/
	float:left;
}

#logoRightPart
{
	width:562px;
	height:72px;
	background-color:#551b0e;
	float:left;
	
}

#breadCrumb
{
	width:552px;
	height:22px;
	float:right;
	text-align:right;
	color:#fff;
	padding: 50px 10px 0 0;
	font-weight:bold;
}

#breadCrumb a:link, #breadCrumb a:visited
{
	color:#fff;
}

#breadCrumb a:hover
{
	text-decoration:underline;
}

#subTopBanner
{
	width:848px;
	height:2px;
	background-color:#fff;
	float:left;
}

#blueStripe
{
	width:848px;
	height:30px;
	background-color:#0bb7ce;
	float:left;	
}

#subBlueStripe
{
	width:848px;
	height:12px;
	background-color:#fff;
	float:left;	
}

/* Home Menu Stripe
******************************************************/

#menuStripe
{
	width:848px;
	height:208px;
	float:left;
}

/* Inside Menu Vertical Stripe
******************************************************/

#menuVerticalStripe
{
	/*width:202px;
	height:408px; */
	width:848px;
	min-height:100%;
	background-image:url(../images/bgMenuRpt.gif);
	background-repeat:repeat-y;
	background-position:bottom left;
	float:left;
}

#pageCtnt
{
	width:848px;
	height:100%;
	float:left;
}

#menuAndApprov
{
	width:202px;
	height:100%;
	float:left;
}


/* flash Banner
******************************************************/

#flashBanner
{
	width:634px;
	height:208px;
	float:right;
	/*background-image:url(../images/flashBanner.jpg);*/
}

/* mainContent
******************************************************/

#mainContent
{
	width:848px;
	height:100%;
/*	background-image:url(../images/mainContent.jpg); */
	float:left;
	margin:11px 0 0 0;
}

/* approved
******************************************************/
#approvWrp
{
	width:202px;
	height:100%;
	float:left;
/*		clear:both; 
	padding:11px 0 0 0;*/
}


#approvedBy
{
	width:202px;
	height:340px;
	background-image:url(../images/bgApproved7.gif); 
	background-repeat:no-repeat;
	background-position:top;
	background-color:#dbe9eb;
	float:left;
	margin:px 0 0px 0;
}

#approvedByHome
{
	width:202px;
	height:380px;
	background-image:url(../images/bgApproved8.gif); 
	background-repeat:no-repeat;
	background-position:top;
	background-color:#dbe9eb;
	float:left;
	margin:px 0 0px 0;
}

#approvedBy .firstText, #approvedByHome .firstText
{
	background-image:url(../images/blueArrow.gif); 
	background-repeat:no-repeat;
	background-position:0% 3%;
	margin: 150px 20px 0 20px;
}

#approvedBy .secondText, #approvedByHome .secondText
{
	background-image:url(../images/blueArrow.gif); 
	background-repeat:no-repeat;
	background-position:0% 3%;
	margin: 20px 20px 0 20px;
}

.indent
{
	padding:0 0 0 15px;
}

/* mainContentRightPart
******************************************************/

#mainContentRightPart
{
	width:635px;
	height:380px;
	float:right;
	margin:0px 0 0 11px;
	background-color:#dbe9eb;
	
}

#mainContentRightPartWrap
{
	padding:10px 20px 15px 20px;
}


/* mainInsideContent
******************************************************/

#mainInsideContent
{
	width:633px;
	height:100%;
	float:right;
	padding:0 0 0 11px;
}

#mainInsideContentCphWrp
{
	width:622px;
	min-height:426px;  /* si je mets 626px par ex.., ca suit bien....*/
	height:100%;
	float:right;
	padding:10px 0 0 11px;
	margin: 12px 0 0 0;
	background-color:#dbe9eb;
	background-image:url(../images/bgContent.gif);
	background-repeat:no-repeat;
}

#cph_mainContent
{
	width:622px;
	min-height:100%;
}

/* Welcome 1er texte
******************************************************/

#welcome
{
	font-family:Verdana;
	font-size:20px;
	color:#063d44;
	float:left;
}


/* Home photo
******************************************************/

#photoStrip
{
	width:635px;
	height:157px;
	float:left;
}

#photo
{
	width:254px;
	height:162px;
	float:left;
	padding:30px 0 0 30px;
}

#textPhoto
{
	width:300px;
	height:172px;
	padding: 17px 0 0px 0px;
	float:left;
	text-align:justify;
}

#nextText
{
	width:565px;
	height:172px;
	padding: 0px 25px 20px 20px;
	float:left;
	text-align:justify;
}

/* inside pages
******************************************************/

#insideText
{
	width:565px;
	min-height:172px;
	height:100%;
	padding: 30px 25px 10px 20px;
	float:left;
	text-align:justify;
}

#insideText a:link, #insideText a:visited
{
	text-decoration:none;
	color:#353535;
}

#insideText a:hover
{
	text-decoration:underline;
}


#trainingMenu {width:630px; padding:0 0 0 -30px;margin:0 0 0 -30px; background-color:#d0e1e9;list-style-type:none;}
#trainingMenu ul {padding:0px 0 0 0; margin:0;list-style-type: none;border:1px solid #94d6e0; border-width:1px 0px 0px 0; }
#trainingMenu ul li {width:532px; height:20px; padding:10px 0 10px 0; border:1px solid #94d6e0; border-width:0px 0px 1px 0; padding:10px 0 10px 100px; background-image:url(../images/sign.png); background-repeat:no-repeat; background-position:12% 40%;}
#trainingMenu ul li a, #trainingMenu ul li a:visited {text-decoration:none; width:532px; height:20px; padding:10px 0 10px 0;}
#trainingMenu ul li:hover  {background-color:#e4ebf5;width:532px;height:20px; }


/* bottomStripe
******************************************************/

#bottomStripe
{
	clear:both;
	width:828px;
	height:30px;
	background-color:#551b0e;
	background-image:url(../images/btmLogo.gif);
	background-repeat:no-repeat;
	background-position:right;
	float:left;
	margin:12px 0 0 0;
	color:#fff;
	font-weight:bold;
	padding:12px 0 0 20px;
}

/* footer
******************************************************/

#footer
{
	width:888px;
	height:24px;
	background-image:url(../images/footer.gif);
	float:left;
}

/* copyright
******************************************************/

#copyright, #copyright a
{
	clear:both;
	width:888px;
	height:20px;
	text-align:center;
	font-size:11px;
	color:Gray;
}

#copyright a:hover
{
	text-decoration:underline;
}

/* listes
******************************************************/


ul
{
	margin:5px 0 12px 10px;
	padding:0 0 0 10px;
}

/* contact form
******************************************************/


.divFormField
{
	width:450px;
	padding:0 0 5px 0;
	text-align:right;	
}

input.error, select.error {
background-color:#FFFFCC; border:1px solid #FF9900; 
}

label.error { display:block; color:Red }