/* 
    Document   : CSS
    Created on : 5 nov. 2013, 15:45:52
    Author     : Mathis
    Description:
    Purpose of the stylesheet follows.
*/


body {

    background-repeat: repeat;
	background-image:url('img/background.png');
	margin: 0;
	font-family: small-caption, Helvetica, sans-serif;
	text-align:justify;
}


.bg {
	background-color:#01327E;
	height: 30px;
	width:auto;
}

.navbar {
	display : table;
	background-color : #539E1A;
	width : 960px;
	height : 30px;
	
}
.wrap {
	max-width : 960px;
	margin: 20px auto;
	}
	
.reseau {
float:right;
text-align:right;
}

.reseauxsociaux img {
margin-left:10px;
}
.liste li{
	list-style-type:square;
	display:list-item;
	float: none;
	margin-left: 30px;
}

ul {
 padding:0;
 margin:0;
 list-style-type:none;

 }
li {
 float:right; /*pour IE*/
  display:block;}
  
ul li a {
 display:block;  
 width: 170px;
 color : #205716;
 text-decoration:none;
 text-align:center;
 margin-top:6px;
 font-weight: bold;
 }
 
ul li a:hover {
	color : #FFFFFF;
 } 

.content-right {	
	margin-left:220px;
}
h2 {
color:#01327E;
font-size:large;
}

.success {
	background-color: red;
}

h3 {
	color:#539E1A;
	font-size:medium;
}
p {
	font-size:small;
}

.sidebar-left {
width:220px;
height: 200px;
float:left;
}

.sidebar-left li {
 margin-right:18px;
 padding : 2px;
 min-width: 170px;
 
}

.sidebar-left li a{
 min-width: 129px;
 color : #333342;
 padding : 15px;
 background-color:#808080;
 text-decoration:none;
 text-align:center;
 font-weight: bold;
 border-radius:10px;
}

.footer {
	margin-top: 120px;
	text-align:center;
	letter-spacing: 1px;
	height:auto;
}

body#home a#nav-home,
body#services a#nav-services,
body#audit a#nav-services,
body#formation a#nav-services,
body#accompagnement a#nav-services,
body#contact a#nav-contact,
body#apropos a#nav-apropos,
body#valeurs a#nav-apropos,
body#metier a#nav-apropos,
body#agence a#nav-apropos
{
color: #FFFFFF;
}
body#agence a#liagence,
body#metier a#limetier,
body#valeurs a#livaleurs
{
	background-color:#023379;
	color:#FFFFFF;
}

body#accompagnement a#liaccompagnement,
body#formation a#liformation,
body#audit a#liaudit
{
	background-color:#023379;
	color:#FFFFFF;
}


.diaporama{
    position:relative;
    width:960px; /* Largeur d'une photo */
    height:214px; /* Hauteur d'une photo */
}
 
.diaporama li{
    list-style-type:none;
    overflow:hidden;
    position:absolute; /* Les images seront positionnées toutes au même endroit */
}
 
.diaporama_controls{
    width:512px;
    margin:3px 0;
    clear:both;
    overflow:hidden;
	height:0;
}
 
.diaporama_controls .btns{
    float:right;
}
 
.diaporama_controls a{
    font-weight:normal;
    width:10px;
    height:13px;
    text-indent:-9999px;
    display:inline-block;
    margin:0 3px;
}
 
.diaporama_controls .prev{
    background:url(img/fleches_diapo.png) no-repeat top right;
}
 
.diaporama_controls .next{
    background:url(img/fleches_diapo.png) no-repeat top left;
}
 
.diaporama_controls .pause{
    background:url(img/fleches_diapo.png) no-repeat bottom right;
}
 
.diaporama_controls .play{
    background:url(img/fleches_diapo.png) no-repeat bottom left;
}