/***************************************************
			      Global styles
***************************************************/

html, body {
	height: 100%;
	margin: 0;
}
/+++ TEXTE ++++/
ol, ul {
  list-style: none outside none;
}
.sumer_l ul {
margin: 0;
padding: 0;
}
.sumer_l ul li {
list-style: none;
float: left;
width: 100%;
padding: 2px 0;
}
.sumer_l ul li label {
float: left;
width: 100%;
color: #acacac;
}

.w-50 {
width: 50%;
}

div.para {
margin-top: 4px;
margin-bottom: 4px;
}

.colOrsys, .orsys, h1 {
/* color: #2c76bb; */
color: #2c4256;
}

h1 {
font-size: 26px;
font-weight: 100;
}

h1[Attributes Style] {
text-align: left;
}

h1 {
display: block;
font-size: 2em;
-webkit-margin-before: 0.67em;
-webkit-margin-after: 0.67em;
-webkit-margin-start: 0px;
-webkit-margin-end: 0px;
font-weight: bold;
}


html[Attributes Style] {
	-webkit-locale: fr;
}

html {
	display: block;
}

head {
	display: none;
}

/*+++++++ BODY +++++++*/
a {font-family: arial,verdana, Geneva,sans-serif;
	font-weight: bold;
word-wrap: break-word;
color: #555;
text-decoration: none;
}


body {
padding: 0;
margin: 0;
vertical-align: baseline;
-webkit-font-smoothing: antialiased;
line-height: 1;
text-align: center; /* ce paramétrage centre le conteneur dans les navigateurs IE 5.x. Le texte est ensuite aligné à gauche (valeur par défaut) dans le sélecteur #container */
text-shadow: 1px 1px 0 rgba(255,255,255,0.2);
	letter-spacing: 0.03em;
	font-family:"Helvetica Neue", Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: black;
}

body, p {
  text-align: justify;
  font-size: 12px !important;
}

* {
padding: 0;
margin: 0;
}

body {
/*height: 100%;#233550*/
border: none;
font-family: arial,verdana, Geneva,sans-serif;
font-size: 12px;
color: #000;
font-weight:bold;
word-wrap: break-word;


}




body {
display: block;
margin: 8px;
}


/*******************************************************
		CONTENAIRE MAIN	
*******************************************************/


/*+++++++ MAIN +++++++*/

#main {

	display: flex;
	flex-wrap: wrap;
	height: 100vh;
background: #1a2c41;
background-image:url(../images/bg/bgl.png);
margin: 0;
}

#main .vue{
	display: flex;
	flex-wrap: wrap;
	position: relative;
	margin: 4px auto;
	padding: 4px;
	width: 90vw;
	height: 98vh;
    box-shadow: 0px 0px 2px 2px #CCC;
	font-size: 1.75rem;
}

/*++++++++ HEADER ++++++*/


.Header {
position: relative;
z-index: 0;
width: 100%;
background:#2c4256;
}

.vue #header {
	display: flex;
	flex-wrap: wrap;
width: 90vw;
	height: 20vh;
	background-color: #2c4256;
	border-bottom: 2px dashed;
	font-size: 1.75rem;
}


#header .row22 {
width: 90vw;
margin: 0px;
}





.row22 > div {
float: left;
margin: 0px 0px;
}


.Logo {
position: absolute;
z-index: 0;
top: 12px;
font-family: Arial;
height: 70px;
white-space: nowrap;
}

.Logo img {
border: none;
}



.Logo strong {
position: absolute;
left: 82px;
bottom: 0;
display: block;
color: #000;
font-size: 19px;
line-height: 8px;
font-weight: normal;
margin: 0;
padding: 0;
}

.Logo strong em {
display: inline-block;
vertical-align: text-bottom;
color: #004982;
font-size: 10px;
line-height: 0;
font-style: normal;
margin: 0 0 0 2px;
}
#header input[type=text] {
color: #666;
}

/*+++++++ HEADER DU HAUT +++++++*/
.row2 {
width: 100%;
margin: 0px;
overflow: hidden;
}


/*+++++++ HEADER DU HAUT LOGO A GAUCHE+++++++*/
.row2 > div {
float: left;
margin: 0px 0px;
}

#contacts{


}

.wh-1 {
width: 250px;
}



/*+++++++ HEADER DU HAUT AU CENTRE INVISIBLE+++++++*/
.wh-2 {
width: 490px;
}

#header #slogan {
font-style: italic;
font-size: 22px;
padding-top: 10px;
text-align: center;
}


/*+++++++ HEADER DU HAUT A DROITE INFOS+++++++*/
.wh-3 {
width: 330px; 
margin-left: -19px;
}

#nav_gauche2{
	display: block;
float:right; 
right:252px;
	background: #2c4256;
	color: rgb(255, 255, 255);
	border-bottom: 1px rgb(219,219,219) bold;
	width: 100%; 
	height: 47px; 
	margin: 0 auto;
	padding:5px; 
margin-right: 2px; 
margin-left: -19px;
-webkit-padding-start: 0px;
	

}
 

#nav_gauche2 li{
	float: left;
	list-style:none;
	
 padding-top:-10px;
margin-right:-11px;

}

#nav_gauche2 ul{
list-style: none;
paddin-bottom: 0px;
}

#nav_gauche2 li a{

padding: 5px;
}


img {
border-style: none;
}

img[Attributes Style] {
border-top-width: 0px;
border-right-width: 0px;
border-bottom-width: 0px;
border-left-width: 0px;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
}

.colOrsys, .orsys, h1 {
/* color: #2c76bb; */
color: #2c76bb;
}

.clear {
clear: both;
}


/***********************************************************************
		NAVIGATION MENU
***********************************************************************/

/*++++++++++++++ TOP MENU ++++++++++++*/

#topMenu {
background-color: #E7E7E8;
margin-top: 6px;
/* border-top: 1px solid #909195; color: #bababa; */
}

#topMenu a {
/* color: #2c76bb; */
color: #333;
font-family: Arial;
}

#topMenu ul {
height: 3px;
padding-top: 10px;
padding-bottom: 4px;
margin-left: 1px;
margin: 0px;
float: left;
width: 1000px;
}

#topMenu ul li:first-child {
border-left-style: none;
margin-left: 0px;
padding-left: 0px;
}

#topMenu ul li {
float: left;
list-style: none;
border-left: 1px solid #333;
padding-left: 6px;
padding-right: 6px;
min-width: 100px;
text-align: center;

}

img {
border-style: none;
}

img[Attributes Style] {
float: left;
vertical-align: top;
}


/**************************************************
		NAV PRINCIPAL
**************************************************/

/*+++++++ NAVIGATION+++++++*/
#nav{
	display: block; 
	background: #1a2c41;
	color: rgb(255, 255, 255);
	border-bottom: 1px rgb(219,219,219) bold;
	width: 100%; 
	height: 30px; 
	margin: 0 auto; 

 margin-top:10px;
	}

#nav, #nav ul {list-style: none;

	margin: 0 auto; 

}

#nav li{float: left;list-style:none

	margin: 0 auto; }

#nav li a { 
display:block;font-weight:bold; 
color:#fff; 
padding:10px 5px;
}

#nav li a:hover {background: #2c4256}

/*#nav li ul {height:100px; left:-999em; position:absolute; width:100%; z-index:999; font-size: 0.6em;font-weight: bold; margin-left: 150px}
#nav li li a {background: none;color: #006699; border-right: 1px solid #666; margin-top: 3px; padding: 1px 10px}
#nav li li a:hover{background: none; text-decoration:underline}*/

.clearfloat:after {display:block;visibility:hidden;clear:both;height:0;content:".";margin: 0 auto;}
.clearfloat {display:inline-block}
.clearfloat {display:block}
#nav a:hover, #nav a:active, .current_page_item a, #home .on, .photo {background: #ff6600}



/******************************************************************************************
		CONTENEUR WRAPPER
*****************************************************************************************/

/*+++++++++++++++ WRAPPER +++++++++++++*/
#wrapper {
background: #e6e6e6;
}



#main #wrapper {
border: 1px solid transparent;
border-width: 0px;
clear: both;
width: 100%;
margin: 0 auto;
position: relative;
margin-top: 2px;
overflow: hidden;

zoom: 1;
box-shadow: 0 0 2px #ccc;
}

#clearfloat {
display: block;
margin-left: -29px;

}


/*++++++++++++++++ PAGERIGHT ++++++++++++++++++*/

div#pageRight {
float: right;
width: 254px;;
padding-left: 2px;


}

/*****************************************************************
			BOX2 BGGRAY
*****************************************************************/

div.box2 div.header {
background-color:#e6e6e6 ;
color:#1a2c41;

}

.bggray, #formations, .boxGray {
background-color: #E7E7E8;
}

div.box, div.box2 {
margin: 4px;
margin-bottom: 6px;
}
.m10 {
margin-top: 0px;
}

div#pageRight .box2, div#pageRight .boxGray {
margin-bottom: 4px;
}


div.button {
margin-top: 10px;
padding: 2px;
width: 90%;
background-color: #e6e6e6;
color: #555;
margin: auto;
text-align: center;
}

div.button a:link, div.button a:visited {
color: white;
}




/*****************************************************************
		NAV VERTICALE
*****************************************************************/


#nav-ver {
margin: 2px;
padding: 2px;
float: right;
border-left: 100px dash  #e6e6e6;
}

#nav-ver li {
list-style: none;
background:#e6e6e6 ;
width: 190px;
border-bottom: 1px solid #666;
}

#nav-ver li a {
		display: block;
		padding: 5px;
		border-left: 4px dash #444;
		text-decoration: none;
		box-shadow: 2px 2px 5px #ccc;
		color: #555;
}

#nav-ver li a:hover { 
		border-left: 4px solid #069; 
		background: #e6e6e6; 
}


#nav-ver li ul { display: none; }
#nav-ver li:hover ul { display: block; }
#nav-ver li:hover ul li { background: #333; }
#nav-ver li:hover ul li a { color: #ccc; }
#nav-ver li:hover ul li a:hover { background: #222; border-left: 4px solid #900; }


/********************************************************
		FOOTER
********************************************************/

/*+++++++ FOOTER +++++++*/


#orsys-footer {
clear: both;
font-size: 12px;
font-familly:robo;
text-align: center;
padding-top: 10px;
line-height: 18px;
/*border-top: 1px solid #e6e6e6;*/

color: #fff;
}

#orsys-footer>a:link{

color: #e6e6e6;
}


/*****************************************************
		CONTENEUR SLEEVE_MAIN
****************************************************/


#sleeve_main {
background: transparent;
border: 1px solid #ddd;
	background: #FFF;
	/* CSS3 effects */
	background: linear-gradient(#FFF, #FFF 20%, #EEE 80%, #DDD);
	border-radius: 2px 2px 2px 2px;
	box-shadow: 0 0 3px rgba(0,0,0, 0.2);

}

.sleeve_main {
background: #e6e6e6;
}

.sleeve_main {
margin-right: 280px;
margin-left: 1px;
width: 100%;
}

.sleeve_main {
width: auto;
zoom: 1;
box-shadow: 0 0 2px #ccc;
}



div#pageLeft {
width: 98%;
}

#formations {

width: 100%;
padding: 4px;
margin: 0px;
margin-bottom: 4px;
}

.bggray, #formations, .boxGray {
background-color: #fff;
}

div#pageContent, div.box, div.border {
border: 1px solid #BDBEC1;
}

div.box, div.box2 {
margin: 4px;
margin-bottom: 6px;
background: #fff;
}

div.box2right {
margin-left: 204px;
margin-right: 1px;
margin-top: -112px;
margin-bottom: 6px;
}

div.box2left {
margin-left: 4px;
margin-bottom: 6px;
margin-top: 6px;
}
/***********************************************
++++++++++++++++ BLOC MENU +++++++++++++++++
***********************************************/


.csc-space-after-20 {
margin-bottom: 45px !important;
width:100%;
}

csc-header{
color:#fff;
margin-top: 9px;
background:#fff;
}

csc-menu{


background:#ab131f;

}



.bloc-menu{

background:#ab131f;


}


.bloc-menu {
background:#B0AD9E;
border-radius: 8px;
color: #ffffff;
text-align: left;
font-family: Arial,sans-serif;
font-size: 15px;
}

#content-right h2, #content-right h3 {
font-family: 'DINOT-Regular',sans-serif;
font-size: 21px;
line-height: 21px;
padding: 1px 0px 0px 0px;
text-align: center;
margin-bottom: 15px;
}


ul, ol {
margin-top: 0;
margin-bottom: 10px;
}