@charset "UTF-8";
/* CSS default */


body {
	font: normal normal 11px/20px Verdana, Arial, Helvetica, sans-serif;
	color: #555;
}

.bodyBg { background: #284052; }

h1 { font: normal normal 18px/24px Verdana, Arial, Helvetica, sans-serif; margin: 0 0 1em 0; letter-spacing: 1px; color: #0097d0; }
h2 { font: normal normal 14px/20px Verdana, Arial, Helvetica, sans-serif; margin: 0 0 7px 0; letter-spacing: 1px; color: #333; }
h3 { font: normal normal 12px/20px Verdana, Arial, Helvetica, sans-serif; margin: 0 0 5px 0; letter-spacing: 1px; color: #333; }
h4 { font: normal normal 11px/20px Verdana, Arial, Helvetica, sans-serif; margin: 0 0 4px 0; letter-spacing: 0px; color: #333; }
h5 { font: normal normal 10px/18px Verdana, Arial, Helvetica, sans-serif; margin: 0 0 2px 0; letter-spacing: 0px; color: #555;}
h6 { font: normal normal 9px/14px Verdana, Arial, Helvetica, sans-serif; margin: 0 0 1px 0; letter-spacing: 0px; color: #666;}

p { margin: 0 0 2em 0; }

a { outline: none; }
a:link, a:visited { color: #444; }
a:hover, a:active, a:focus { color: #0097d0; }

ul, ol { margin: 0 0 2em 0; padding: 0; }
ul li, ol li { margin: 0 0 0 2em; padding: 0; }
ul li ul, ol li ol { margin: 0;}
ul li ol, ol li ul { margin: 0; }
ul li { list-style: square; }
ol li { list-style: decimal; }


	/*----------------------
	---------Class----------
	------------------------*/
	
	/*Style Titre de H1 à H6 (Sans margin)*/
	.styleH1 { font: normal normal 18px/24px Verdana, Arial, Helvetica, sans-serif; margin: 0 0 1em 0; letter-spacing: 1px; color: #0097d0; }
	.styleH2 { font: normal normal 14px/20px Verdana, Arial, Helvetica, sans-serif; margin: 0 0 7px 0; letter-spacing: 1px; color: #333; }
	.styleH3 { font: normal normal 12px/20px Verdana, Arial, Helvetica, sans-serif; margin: 0 0 5px 0; letter-spacing: 1px; color: #333; }
	.styleH4 { font: normal normal 11px/20px Verdana, Arial, Helvetica, sans-serif; margin: 0 0 4px 0; letter-spacing: 0px; color: #333; }
	.styleH5 { font: normal normal 10px/18px Verdana, Arial, Helvetica, sans-serif; margin: 0 0 2px 0; letter-spacing: 0px; color: #555;}
	.styleH6 { font: normal normal 9px/14px Verdana, Arial, Helvetica, sans-serif; margin: 0 0 1px 0; letter-spacing: 0px; color: #666;}
	
	ul li.styleH1, ul li.styleH2, ul li.styleH3, ul li.styleH4, ul li.styleH5, ul li.styleH6
	ul li.styleH1, ul li.styleH2, ul li.styleH3, ul li.styleH4, ul li.styleH5, ul li.styleH6
	a.styleH1, a.styleH2, a.styleH3, a.styleH4, a.styleH5, a.styleH6
	strong.styleH1, strong.styleH2, strong.styleH3, strong.styleH4, strong.styleH5, strong.styleH6
	span.styleH1, span.styleH2, span.styleH3, span.styleH4, span.styleH5, span.styleH6 {
		margin: 0;
	}
	
	.styleP { font: normal normal 11px/20px Verdana, Arial, Helvetica, sans-serif; }
	
	/*List*/
	.listeStyleNone, .listeStyleNone li { list-style: none; }
	.listeStyleLine { margin: 0 0 1em 1em;  border-left: 1px #000 solid; }
	.listeStyleLine li { margin: 0; padding: 0 0 0 1em; list-style: none; }
	.listeStyleDisc li { list-style: disc; }
	 ul.listeMarginRightNone li { margin-left: 0; }
	
	.color-red { color: #ff0000; }
	.color-orange { color: #eb6909; }
	.color-blue { color: #0097d0; }
	.txtColor { color: #000; }
		
	.txtNormal { font-weight: normal; }
	.txtBold { font-weight: bold; }
	.txtItalic { font-style: italic; }
	.txtUnderline { text-decoration: underline; }
	
	.bgColor-white { background: #fff; }
	
	/*Letter  Spacing class*/
	.letterSpacing1px { letter-spacing: 1px; }
	.letterSpacing2px { letter-spacing: 2px; }
	.letterSpacing3px { letter-spacing: 3px; }
	.letterSpacingNormal { letter-spacing: normal; }
	
	/*Float & Clear*/
	.floatLeft { float: left; }
	.floatRight { float: right; }
	.floatNone { float: none; }
	
	.clearLeft { clear: left; }
	.clearRight { clear: right; }
	.clearBoth { clear: both; }
	.clearNone { clear: none; }
	
	/*Text Align*/
	.alignCenter { text-align: center; }
	.alignLeft { text-align: Left; }
	.alignRight { text-align: right; }
	.alignJustify { text-align: justify; }
	
	/*margin*/
	
	.marginNone { margin: 0; }
	
	.marginTopNull { margin-top: 0; }
	.marginTop1em { margin-top: 1em; }
	.marginTop2em { margin-top: 2em; }
	.marginTop3em { margin-top: 3em; }
	
	.marginRightNull { margin-right: 0; }
	.marginRight1em { margin-right: 1em; }
	.marginRight2em { margin-right: 2em; }
	.marginRight3em { margin-right: 3em; }
	
	.marginLeftNull { margin-left: 0; }
	.marginLeft1em { margin-left: 1em; }
	.marginLeft2em { margin-left: 2em; }
	.marginLeft3em { margin-left: 3em; }
	
	.marginBottomNull { margin-bottom: 0; }
	.marginBottom1em { margin-bottom: 1em; }
	.marginBottom2em { margin-bottom: 2em; }
	.marginBottom3em { margin-bottom: 3em; }
	
	
	/*padding*/
	
	.paddingNone { margin: 0; }
	
	.paddingTopNull { padding-top: 0; }
	.paddingTop1em { padding-top: 1em; }
	.paddingTop2em { padding-top: 2em; }
	.paddingTop3em { padding-top: 3em; }
	
	.paddingRightNull { padding-right: 0; }
	.paddingRight1em { padding-right: 1em; }
	.paddingRight2em { padding-right: 2em; }
	.paddingRight3em { padding-right: 3em; }
	
	.paddingLeftNull { padding-left: 0; }
	.paddingLeft1em { padding-left: 1em; }
	.paddingLeft2em { padding-left: 2em; }
	.paddingLeft3em { padding-left: 3em; }
	
	.paddingBottomNull { padding-bottom: 0; }
	.paddingBottom1em { padding-bottom: 1em; }
	.paddingBottom2em { padding-bottom: 2em; }
	.paddingBottom3em { padding-bottom: 3em; }
	
	.cadre { padding: 5px; border: 1px #0097d0 solid; }
	.box-160x80 { width: 160px; height: 80px; }

