/*-------------------------------------------------------------------------------- 
/*          =BALISES
/*          =STRUCTURE
/*               @Entête
/*               @Conteneur
/*                 @Colonne gauche
/*               @Pied de page
/*          =CLASSES
/*          =MODULES
/*              @Navigation
/*							@Introduction
/*							@Bloc Accueil Actualites Fondation
/*								@Bloc Accueil Actualités
/*								@Bloc Accueil Fondation   
/*							@Bloc Paragraphe 
/*							@Bloc Liste Actualites
/*							@Bloc Liste Projet
/*							@Bloc Projet 
/*							@Bloc Encadre
/*							@Bloc Presse
/*              @Formulaires    
/*          =AJOUT
-------------------------------------------------------------------------------- */


/*-------------------------------------------------------------------------------- 
          =BALISES
-------------------------------------------------------------------------------- */
 
html, body {
		background: transparent url(../images/bg-site.png) repeat-x;
		font-size: 100%;
    text-align: center;
    padding: 0;
    border: 0;
    margin: 0;
}
 
body {
		font: 0.625em/1em verdana, helvetica, sans-serif;
    text-align: left;
}
 
h1, h2, h3, h4, h5, h6 {
		font-weight: normal;
    margin: 0;
    padding: 0;
}

h1 {
    font: 2em/1em verdana, helvetica, sans-serif;
    color: #524141;
    text-transform: uppercase;
    padding: 0 0 2px;
}
 
h2 {
    font: 1.3em/1em verdana, helvetica, sans-serif;
    color: #05a3a5;
    text-transform: uppercase;
}
 
h3 {
    font: 1.3em/1em verdana, helvetica, sans-serif;
     color: #524141;
     padding: 0 0 3px;
}

h4 {
    font: 1.2em/1em verdana, helvetica, sans-serif;
}
 
h5 {
    font: 1.1em/1em verdana, helvetica, sans-serif;
}
 
h6 {
    font: 1em/1em verdana, helvetica, sans-serif;
}

p {
    font: 1.2em/1.3em verdana, helvetica, sans-serif;
    padding: 0 0 1.1em 0;
    margin: 0;
    color: #524141;
}
 
ul, ol {
    list-style: none;
    padding: 0;
    margin: 0;
}

li {
    font: 1.2em/1.3em verdana, helvetica, sans-serif;
    padding: 0 0 1.1em 0;
    margin: 0;
}

a {
    text-decoration: none;
    color: #05a3a5;
    font-size: 12px;
}
 
a:hover, 
a:focus {
    text-decoration: underline;
}
 
img {
    border: 0;
}
 
hr {
    height: 0;
    color: #fff;
    background: #fff;
    border: none;
    border-bottom: 1px solid #000;
    margin: 0;
}
 
form {
    padding: 0;
    margin: 0;
    display: inline;
}
 
textarea {
    line-height: 1.1em;
}
 
label {
    cursor: pointer;
}
 
table {
    padding: 0;
    border: 0;
    margin: 0 0 1.1em 0;
    border-collapse: collapse;
}
 
th, 
td {
    font: 1.1em/1.1em verdana, helvetica, sans-serif;
    padding: 0.5em 0.7em;
    margin: 0;
}
 
blockquote {
    padding: 0;
    margin: 0.8em 1.5em;
}

small {
    font: 0.8em/1em verdana, helvetica, sans-serif;
}
 
kbd {
    padding: 1px 2px;
    border: 1px solid #000;
}
 
sup {
    position: relative;
    bottom: 0.3em;
    vertical-align: baseline;
}
 
sub {
    position: relative;
    bottom: -0.2em;
    vertical-align: baseline;
}
 
acronym, 
abbr {
    cursor: help;
    letter-spacing: 1px;
    border-bottom: 1px dashed;
}


/*-------------------------------------------------------------------------------- 
          =STRUCTURE
-------------------------------------------------------------------------------- */
 
#site  {
    width: 755px;
    margin: 0 auto;
}


/*          @Entête          
---------------------------------------- */

#header {
	height: 139px;
}

#header img {
	float: left;
}


/*          @Conteneur          
---------------------------------------- */
 
#container {
  float: left;
  padding: 0 0 45px;
}
 
#content {
  float: left;
  width: 546px;
  padding: 18px 27px 0;
}

/*          @Colonne gauche          
---------------------------------------- */
#colLeft {
	float: left;
	padding: 5px 0 0;
	width: 155px;
}
 
 
/*          @Pied de page          
---------------------------------------- */
 
#footer {
  clear: left;
  background-color: #534242;
  color: #fff;
  font-size: 10px;
  text-align: center;
  padding:7px 0;
}

#footer a {
	color: #fff;
	font-size: 10px;
}

#footer a#vcs {
	background: transparent url(../images/bg-lien-footer.png) no-repeat;
	height: 30px;
	width: 127px;
	padding: 11px;
	font-weight: bold;
	color: #534242;
}


/*-------------------------------------------------------------------------------- 
          =CLASSES
-------------------------------------------------------------------------------- */
 
.textLeft { text-align: left; }
.textRight { text-align: right; }
.textCenter { text-align: center; }
.textJustify { text-align: justify; }

.bold { font-weight: bold; }
.italic { font-style: italic; }

.floatLeft { float: left; }
.floatRight { float: right; }

.clear { clear: both; }
.clearLeft { clear: left; }
.clearRight { clear: right; }

.imgLeft { 
    float: left; 
    margin: 0 8px 4px 0;
}

.imgRight { 
    float: right;
    margin: 0 0 4px 4px;
}

.pictoPlus {
	background: transparent url(../images/lien-picto-plus.png) no-repeat left 4px;
	padding: 0 0 4px 13px;
	clear: both;
}

.pictoFleche {
	background: transparent url(../images/lien-picto-fleche.png) no-repeat left 3px;
	padding: 0 0 4px 13px;
	display: block;
	clear: both;
}

.linkFleche { 
	font-style: italic;
	text-decoration: none; 
}

a.linkFleche:hover, a.linkFleche:focus  { 
	text-decoration: underline; 
}


 
/*-------------------------------------------------------------------------------- 
          =MODULES
-------------------------------------------------------------------------------- */
 

/*          @Navigation          
---------------------------------------- */
 
#nav {
  text-align: right;
}
 
#nav ul {
 
}

#nav li {
	padding: 0;
	line-height: 1em;
}

#nav li h2 {
	padding: 14px 0 2px;
	font-size: 14px;
}
 

#nav li h2 a {
	color: #05a3a5;
	font-size: 14px;
}

#nav li a {
 	color: #524141;
 	font-size: 12px;
 	height: 15px;
 	display: block;
}
 
#nav li a:hover, #nav li a:focus, #nav li h2.actif {
 	font-weight: bold;
 	text-decoration: none;
 	height: 15px;
}

#nav li ul li:hover, #nav li ul li:focus {
 	background-color: #524141;
 	text-decoration: none;
 	color: #fff;
 	cursor: pointer;
 	height: 15px;
}

#nav li ul li:hover a, #nav li ul li:focus a, #nav li ul li.actif a {
 	background-color: #524141;
 	text-decoration: none;
 	font-weight: normal;
 	color: #fff;
 	height: 15px;
}

#nav li ul li a:hover, #nav li ul li a:focus {
 	background-color: #524141;
 	color: #fff;
 	text-decoration: none;
 	height: 15px;
}

/*          @Introduction          
---------------------------------------- */
#intro {
	width: 511px;
	padding: 0 0 2px;
}

#intro p {
	font-size: 13px;
}


/* @Bloc Accueil Actualites Fondation          
---------------------------------------- */
#blocHomeActuFond {
	float: left;	
	padding: 20px 0 0;
}

#blocHomeActuFond h2 {
	padding: 0 0 16px;
	font-size: 12px;
}

#blocHomeActuFond p {
	font-size: 11px;
}

/*  @Bloc Accueil Actualités          
---------------------------------------- */
#BlocHomeActu {
	float: left;
	width: 332px;
}

#BlocHomeActu .ssBlocHomeActu {
	float: left;
	width: 156px;
}

#BlocHomeActu .ssBlocHomeActu.second {
	border-left: 1px solid #d4cccc;
	padding: 0 0 0 14px;
}

#BlocHomeActu .ssBlocHomeActu .pictoPlus, #BlocHomeFondation .pictoPlus {
	display: block;
	background: transparent url(../images/lien-picto-plus.png) no-repeat scroll left 2px;
	padding: 0 0 7px 13px;
}

#BlocHomeActu .ssBlocHomeActu .pictoFleche, #BlocHomeFondation .pictoFleche {
	background: transparent url(../images/lien-picto-fleche.png) no-repeat scroll left 2px;
}


/*        @Bloc Accueil Fondation          
---------------------------------------- */
#BlocHomeFondation {
	float: left;
	width: 180px;	
	border-left: 1px solid #05a3a5;
	padding: 0 0 0 13px;
}

/*        @Bloc Box Bleu          
---------------------------------------- */
.blocBlueBox {
  float: left;
  margin: 21px 0 0;
}

.blocBlueBox a {
  float: left;
  margin: 9px 0;
}

/*        @Bloc Paragraphe          
---------------------------------------- */
.blocParagraphe {
	float: left;	
	padding: 0 0 5px;
}

.blocParagraphe p a {
	text-decoration: underline;
}

.blocParagraphe p a:hover, .blocParagraphe p a:focus {
	text-decoration: none;
}

.blocParagraphe h2 {
	padding: 0 0 6px;
}

.blocParagraphe ul, .blocParagraphe ol {
	color: #05a3a5;
	list-style-position: inside;
	padding: 0 0 10px;
}
.blocParagraphe ul { list-style-type: square; }
.blocParagraphe ol { list-style-type: decimal; }

.blocParagraphe ol li, .blocParagraphe ul li {
	padding: 0;
	margin: 0;
}

.blocParagraphe ol li span, .blocParagraphe ul li span {
	color: #524141;
}

.blocParagraphe table {
	background-color: #b4aaaa;
	color: #fff;
}

.blocParagraphe table td {
	border: 1px solid #fff;
}

.blocParagraphe table td a {
	color: #524141;
	font-size: 11px;
}

/*        @Bloc Liste Actualites          
---------------------------------------- */
.blocListeActus {
	padding: 0 0 33px;
}

.blocListeActus p {
	padding: 0 0 8px;
	font-size: 11px;
}

.blocListeActus a {
	clear: none;
}

.blocListeActus .date {
	padding: 6px 0;
	font-size: 11px;
	color: #524141;
}

.blocListeActus .ssblocListeActusImg {
	float: left;
	height: 90px;
	margin: 0 8px 0 0;
}

/*        @Bloc Liste Projet          
---------------------------------------- */
.blocListeProjet {
	padding: 0 0 33px;
}

.blocListeProjet h2 {
	line-height: 0.7em;
}

.blocListeProjet ul {
	color: #05a3a5;
	list-style-position: inside;
	list-style-type: square;
	padding: 2px 0 0;
}

.blocListeProjet ul li {
	line-height: 1.2em;
	padding: 0;
	margin: 0;
}

.blocListeProjet p {
	padding: 0 0 3px;
	line-height: 1.2em;
}

.blocListeProjet a {
	clear: none;
}

.blocListeProjet .date {
	padding: 6px 0;
	font-size: 12px;
	color: #524141;
}

.blocListeProjet ul li span {
	color: #524141;
	font-size: 12px;
}

.blocListeProjet ul li span.italic {
	font-size: 11px;
}

.blocListeProjet .ssblocListeProjetImg {
	float: left;
	height: 90px;
	margin: 0 8px 0 0;
}

/*        @Bloc Projet          
---------------------------------------- */
.blocProjet h2 {
	padding: 0 0 3px;
}

.blocProjet ul {
	color: #05a3a5;
	list-style-position: inside;
	list-style-type: square;
	padding: 0 0 13px;
}

.blocProjet ul li {
	padding: 0;
	margin: 0;
}

.blocProjet ul li span {
	color: #524141;
	font-size: 12px;
}

.blocProjet ul li span.italic {
	font-size: 11px;
}

.blocProjet .imgLeft {
	margin: 0 16px 0 0;
}

.blocProjet a {
	display: inline;
}

.blocProjet .date {
	padding: 6px 0;
	font-size: 12px;
	color: #524141;
}

/*        @Bloc Partenaire          
---------------------------------------- */
.blocPartenaire {
	padding: 0 0 33px;
}

.blocPartenaire h2 {
	line-height: 0.6em;
	padding: 0 0 5px;
}

.blocPartenaire p {
	padding: 0 0 12px;
}

.blocPartenaire a {
	font-size: 11px;
	font-style: italic;
}

.blocPartenaire table {
	width: 101px;
	height: 82px;
	border: 1px solid black;
	text-align: center;
	float: left;
	margin: 0 12px 0 0;
}

.blocPartenaire .ssBlocPartenaire {
	float: left;
	height: 110px;
}

/*          @Bloc Encadre          
---------------------------------------- */
.blocParagraphe .blocEncadre {
	font-size: 13px;
	color: #05a3a5;
	background: transparent url(../images/btn-telecharger-left.png) no-repeat;
	height: 29px;
	margin: 12px 0;
}

.blocEncadre .blocEncadreBottom {
	float: left;
	background: transparent url(../images/btn-telecharger-right.png) no-repeat right 0;
	height: 30px;
	padding: 4px;	
}

.blocEncadre a {
	float: left;
	display: block;
	margin: 0 0 0 15px;
	padding: 7px 0 8px;
	border-top: 2px solid #0bdee1;
	border-bottom: 2px solid #0bdee1;
}

/*          @Bloc Presse          
---------------------------------------- */
.blocPresse {
	/*border-bottom: 1px dashed #b4b2b2;*/
	border-bottom: 1px dashed #a0a0a0;
	margin: 0 0 22px;
	padding: 0 0 7px;
	width: 541px;
}

.blocPresse.last {
	border: none;
}

.blocPresse h2 {
	padding: 0 0 6px;
}

.blocPresse h3 {
	padding: 0 0 2px;
	color: #524141;
}

.blocPresse p {
	padding: 0 0 4px;
}

.blocPresse span {
	color: #524141;
	font-size: 12px;
	padding: 0 0 3px;
}

.blocPresse p.date {
	color: #524141;
	font-size: 12px;
	padding: 0 0 3px;
}

.blocPresse .linkFleche {
	display: block;
	margin: 0 0 20px;
}

/*          @Formulaires          
---------------------------------------- */
form {
	float: left;	
}
	
form .required {
	font-size: 10px;
	color: #05a3a5;
	vertical-align: text-bottom;
}

form p {
	padding-left: 55px;
}

form input {
	width: 180px;
}

p label {
	float: left;
	display: block;
	width: 120px;
	text-align: right;
	padding: 2px 6px 0 0;
}

p label span {
	color: #05a3a5;
}

.submit {
	width: 78px;
	height: 29px;
	margin: 0 0 0 235px;
}


/*-------------------------------------------------------------------------------- 
          =AJOUT
-------------------------------------------------------------------------------- */



/* Carroussel pour page projet dédié  */


#content .blocPhotoAnnonce {
    width: 254px;
    float: left;
    padding: 0px;
    position: relative;
    margin: 0 16px 5px 0;
}

#content .blocPhotoAnnonce .photoBig {
    margin: 0 0 5px 0;
    width: 254px;
    height: 190px;
    overflow: hidden;
}

#content .blocPhotoAnnonce .photoBig img {
    display: none;
}

#content .blocPhotoAnnonce .photoBig img.current {
    display: block;
}

#content .blocPhotoAnnonce .photoBig .fleche {
    display: block;
    width: 22px;
    height: 22px;
    position: absolute;
    top: 80px;
}

#content .blocPhotoAnnonce .photoBig .prec {
    left: 0px;
    background: url(../images/picto-fleche-prec.png) no-repeat;
}

#content .blocPhotoAnnonce .photoBig .suiv {
    right: 0px;
    background: url(../images/picto-fleche-suiv.png) no-repeat;
}

#content .blocPhotoAnnonce .carroussel {
    width: 254px;
    height: 54px;
    overflow: hidden;
    position: relative;
    padding: 0 0 0 1px;
}

#content .blocPhotoAnnonce .carroussel .slider {
    width: 1000px;
    position: relative;
}

#content .blocPhotoAnnonce .carroussel .slider a {
    display: block;
    float: left;
    width: 60px;
    height: 49px;
    margin: 0 4px 0 0;
}

#content .blocPhotoAnnonce .carroussel .slider a .current {
    border-bottom: 3px solid #0bdee1;
    padding: 0 0 1px 0;
}