body
{
	background-color: #FCF7FA;
	width: 100%;
	margin-top: 0; 
	margin-right: 0; 
	margin-bottom: 0; 
	margin-left: 0 !important; 
	padding: 0; 
	font-size: 1.2em;
	font-family: 'OpenSans-SemiboldItalic', Arial, Geneva, "Comic sans MS", Verdana, Lucinda, serif; 
	color: #5a5a5a;
}


@font-face
{
    font-family: 'OpenSans';
    src: url('polices/OpenSans.eot');
    src: url('polices/OpenSans.eot?#iefix') format('embedded-opentype'),
         url('polices/OpenSans-Bold.woff') format('woff'),
         url('polices/OpenSans-Bold.ttf') format('truetype'),
         url('polices/OpenSans-Bold.svg#OpenSans') format('svg');
    font-weight: Bold;
    font-style: normal;
}

@font-face
{
    font-family: 'OpenSans';
    src: url('polices/OpenSans.eot');
    src: url('polices/OpenSans.eot?#iefix') format('embedded-opentype'),
         url('polices/OpenSans-SemiboldItalic.woff') format('woff'),
         url('polices/OpenSans-SemiboldItalic.ttf') format('truetype'),
         url('polices/OpenSans-SemiboldItalic.svg#OpenSans') format('svg');
    font-weight: Semibold;
    font-style: Italic;
}

 @font-face 
 {
 font-family: 'OpenSans';
 src: url('polices/OpenSans.eot');
 src: url('polices/OpenSans.eot?#iefix') format('embedded-opentype'),
 url('polices/OpenSans-Semibold.woff') format('woff'),
 url('polices/OpenSans-Semibold.ttf') format('truetype'),
 url('polices/OpenSans-Semibold.svg#OpenSans') format('svg');
 font-weight: Semibold;
 font-style: normal;
}


@font-face
{
    font-family: 'OpenSans';
    src: url('polices/OpenSans.eot');
    src: url('polices/OpenSans.eot?#iefix') format('embedded-opentype'),
         url('polices/OpenSans-Light.woff') format('woff'),
         url('polices/OpenSans-Light.ttf') format('truetype'),
         url('polices/OpenSans-Light.svg#OpenSans') format('svg');
    font-weight: light;
    font-style: normal;
}

#bloc_page
{
    text-align: center;
    margin: auto;		
}

header
{
    text-align: center;
    margin-top: 0;
	background-color: rgb(84, 60, 36);	
	color: rgb(255,255,255);
	width: 100%;	
}

/* Navigation */

#menu
{
    text-align: center;    
	height: 50px;
	background-color: #3A3A36;
	font-family: 'Arial';	
}

nav
{
    display: inline-block;
    width: 900px;
    text-align: right;
	
}

nav ul
{
    list-style-type: none;
}

nav li
{
    display: inline-block;
    margin-right: 25px;
}

nav a
{
    font-size: 16px;
    color: #ffffff;
    padding-bottom: 3px;
    text-decoration: none;
}

nav a:hover
{
    color: #7890A8;
    border-bottom: 3px solid #90A8A8;
}

/* Footer */

p.footer 
{
	font-family:  'OpenSans', Verdana, Arial, Geneva, Lucinda, serif; 
	font-weight: light;
	font-style: normal;
	font-size: 15px;
	line-height: 1.3;	
}

#footer
{
    display: inline-block;
	text-align: center;  	
    margin: 0 auto;
    width: 100%;	
	height: 100%;
	padding: 0;	
	color: #2A363B;
	background-color: #EEE9DE;
}

.case_1
{
	float: left;
    width: 50%;
	
}

.case_2
{
	float: right;
    width: 50%;
	
}

.accueil_banner
{
	width: 100%;
	height: 600px;
	text-align: left;
	margin-top: 0;	
	padding-top: 2px;	
	background-image: url("images/rubydupret.jpg");
	background-position: center;
	background-size: cover;
	overflow: hidden;
	color: white;
}

h2.banner
{
	font-family: 'OpenSans', 'Arial';
	font-weight: Semibold;
	font-style: italic;
	font-size: 18px;
	line-height: 0.8;
	padding-left: 80px;
	color: white;
	
}

h1.banner
{
	font-family: 'OpenSans', 'Arial';
	font-weight: Semibold;
	font-style: italic;
	font-size: 22px;
	line-height: 0.5;
	padding-left: 80px;
}

h1
{
	font-family: 'OpenSans', 'Arial';
	font-weight: Semibold;
	font-style: italic;
	font-size: 25px;
	line-height: 0.5;
	padding-left: 80px;
}

h2
{
	font-family: 'OpenSans', 'Arial';
	font-weight: Semibold;
	font-style: italic;
	font-size: 20px;
	line-height: 0.8;	
	color: rgb(255,103,169);
}

p
{
	font-family:  'OpenSans', 'Arial';
	font-weight: Semibold;
	font-style: Italic;
	font-size: 18px;
	line-height: 1.5;
}

/* Navigation */

#menu
{
    text-align: center;    
	height: 50px;
	background-color: #3A3A36;
	font-family: 'Arial';	
}

nav
{
    display: inline-block;
    width: 900px;
    text-align: right;
	
}

nav ul
{
    list-style-type: none;
}

nav li
{
    display: inline-block;
    margin-right: 25px;
}

nav a
{
    font-size: 16px;
    color: #ffffff;
    padding-bottom: 3px;
    text-decoration: none;
}

nav a:hover
{
    color: #7890A8;
    border-bottom: 3px solid #90A8A8;
}


/* index */

.accueil_message
{
    display: inline-block;
	text-align: center;  	
    margin: auto;
    width: 100%;	
	height: 70px;
	padding-top: 10px;
	background-color: #299DB6;
	color: white;
}

.accueil_colonnes
{
    display: inline-block;
	text-align: center;  	
    margin: 0 auto;
    width: 100%;	
	height: 100%;	
	padding-top: 20px;
	padding-bottom: 20px;
	background-color: #299DB6;
	color: white;
	
}

.column
{
	float: left;
    width: 25%;			
}


/* page services */

.services
{
    display: inline-block;
	text-align: center;  	
    margin: 0 auto;
    width: 100%;	
	height: 100%;
	background-color: #b44875;	
	padding-top: 20px;
	padding-bottom: 20px;
	
	
}

.services h2
{
	font-family: 'OpenSans', 'Arial';
	font-weight: Bold;
	font-style: normal;
	color: #ffffff;
	font-size: 28px;
	line-height: 1.8em;
	

}

.engagements
{
    display: inline-block;
	text-align: center;  	
    margin: 0 auto;
    width: 100%;	
	height: 100%;
	padding-top: 20px;
	padding-bottom: 20px;
	background-color: #299DB6;
	color: white;
}

.engagements h2
{
	font-family: 'OpenSans', 'Arial';
	font-weight: Semibold;
	font-style: normal;
	color: white;
	font-size: 24px;
	line-height: 0.8em;
	

}

.column_engagements
{
	float: left;
    width: 33%;
	padding-top: 5px;
}

.rang_6
{
    display: inline-block;
	text-align: left;  	
    margin: 0 auto;
    width: 800px;	
	height: 100%;
	padding-top: 20px;	
	padding-bottom: 20px;
}



p.rang_6
{
	font-family:  'OpenSans', 'Arial';
	font-weight: Semibold;
	font-style: Italic;
	font-size: 18px;
	line-height: 1.5;
	padding-top: 0;
}

a.rang_6
{
	font-family:  'OpenSans', 'Arial';
	font-weight: Semibold;
	font-style: Italic;
	font-size: 18px;
	line-height: 0.9;
	padding-left: 80px;
	color: #4875B4;
}


/* page clients */

#rang_clients
{
	display: inline-block;
	text-align: center;  	
    margin: auto;
    width: 1150px;	
	height: 410px;
	padding-top: 45px;
	padding-bottom: 40px;	
}

.image_client
{
	float: left;
    width: 50%;
	padding-top: 70px;
	
}

.list_clients
{
	float: left;
    width: 50%;
	background-position: center;
	background-size: cover;
	overflow: hidden;
}

.clients_list
{
	display: inline-block;
	text-align: left;  	
    margin: auto;
    width: 920px;	
	height: 100%;
	padding-top: 40px;
	padding-bottom: 40px;

}

p.clients
{
	font-family:  'OpenSans', 'Arial';
	font-weight: Semibold;
	font-style: Italic;
	font-size: 18px;
	line-height: 1.5;
}

h2.clients
{
	font-family: 'OpenSans', 'Arial';
	font-weight: Semibold;
	font-style: Italic;
	font-size: 18px;
	line-height: 0.6;
	color: rgb(255,103,169);
	
}

/* temoignages */
	
.temoignages
{
    display: inline-block;
	text-align: left;  	
    margin: 0 auto;
    width: 920px;	
	height: 100%;
	padding-top: 20px;
	padding-bottom: 20px;	
}

h2.temoignages
{
	font-family: 'OpenSans', 'Arial';
	font-weight: Semibold;
	font-style: Italic;
	font-size: 18px;
	line-height: 2;
	color: rgb(255,103,169);
	
}

a.temoignages
{
	font-family:  'OpenSans', 'Arial';
	font-weight: Semibold;
	font-style: Italic;
	font-size: 18px;
	line-height: 0.9;
	padding-left: 80px;
	color: #4875B4;
}

/* contact */

.contact
{
    display: inline-block;
	text-align: left;  	
    margin: 0 auto;
    width: 650px;	
	height: 100%;
	padding-top: 20px;
	padding-bottom: 55px;		
}

p.contact
{
	font-family:  'OpenSans', 'Arial';
	font-weight: Semibold;
	font-style: Italic;
	font-size: 18px;
	padding-left: 80px;
	padding-bottom: o;
	color: #4875B4;
	padding-top: 0;
}