/* Structure graphique */

/* taille typo
 * 1em = 0.065px
 * Base				100%
 * -------------------------------------
 * 20px				1.27em
 * 19px				1.21em
 * 18px				1.15em
 * 17px				1.09em
 * 16px				1.03em
 * 15px				0.96em
 * 14px				0.88em
 * 13px				0.82em
 * 12px				0.77em
 * 11px				0.71em
 * 10px				0.65em
 *  9px				0.59em
 * Attention : en dessous de 0.71em le texte devient illisible en text smallest sur MSIE
 */


/* Css d'affichage */
@media projection, screen, tv {

BODY {
	font:1em Century Gothic, Arial, Helvetica, sans-serif;
	margin:10px;
}

UL,
LI {
	margin:0;
	padding:0;
}

.format_png { behavior: url(win_png.htc); }
.d-block { display:block; }
.f-right { float:right; }
.f-left { float:left; }
.netoyeur {
	display:block;
	height:1px;
	line-height:1px;
	font-size:0.07em;
	clear:both;
}

#page {
	width:980px;
	height:570px;
	border:1px solid #AAAAAA;
	/*padding:10px;*/
	margin:auto;
	background-position:center right;
	background-repeat:no-repeat;
	position:relative;
}

#page #carre {
	width:12px;
	height:12px;
	margin-top:1px;
	background:#2A3F8D;
}

#page #carre.on { background:#E21B18; }

#tete {}

#corps {}

#corps A.imprimer {}

#corps A.imprimer IMG { border:0; }

#pied {

}

#signature {
	text-align:center;
	font-size:0.65em;
}

}


/* Css d'impression */
@media print {

BODY { font:1em Arial, Helvetica, sans-serif; }

#bandeau,
#corps A.imprimer,
.spip-admin-float,
#pied { display:none; }

}


/* Modules */
/* Module Titre et balise Meta du site */


/* Css d'affichage */
@media projection, screen, tv {
  
#meta_titre {
	margin:20px 0 20px 210px;
	border-left:1px solid #000000;
	padding-left:15px;
	height:55px;
	width:140px;
	font-size:0.82em;
	font-weight:bold;
	line-height:1.38em;
}
  
}


/* Css d'impression  */
@media print {
 
}
/* Module Logo du site */


/* Css d'affichage */
@media projection, screen, tv {
  
#logo_site { margin:255px 0 0 100px; }

#logo_site IMG {
	border:0px;
	margin:auto;
	
}

#logo_site #carre {
	width:32px;
	height:32px;
	float:right;
	margin-right:270px;
	margin-bottom:1px;
	background:#2A3F8D;
}


#logo_site H1 {
	margin:0;
	padding:0 0 0 57px;
	font-weight:normal;
	font-size:0.88em;
	text-transform:uppercase;
	letter-spacing:0.4em;
}

#logo_site H1 DIV {
	color:#A7A8A6;
	font-style:italic;
	font-size:0.82em;
	text-transform:none;
	
}

}

/* Css d'impression  */
@media print {

#logo_site IMG { border:0px; }

}

/* Module Signature */


/* Css d'affichage */
@media projection, screen, tv {
  
#signature {
	position:absolute;
	bottom:-20px;
	right:0px;
	color:#9B9B9B;
	font-size:0.71em;
	background:url(squelettes/imgs/page_ombre_bas.jpg) no-repeat 0 10px;
}

#signature A {
	text-decoration:none;
	color:#9B9B9B;
}

#signature A:hover { text-decoration:underline; }

#signature A.on {
	color:#636363;
	text-decoration:none;
	cursor:default;
}

}


/* Css d'impression  */
@media print {
 
}
/* Module Photo en ligne */


/* Css d'affichage */
@media projection, screen, tv {
  
#photo_ligne {
	clear:both;
}

#photo_ligne IMG {
	border:0;
	background-position:center;
	background-repeat:no-repeat;
}

#photo_ligne UL,
#photo_ligne LI {
	margin:0 5px;
	padding:0;
} 

#photo_ligne A.thickbox {
	display:block;
	width:180px;
	height:30px;
	background-position:center;
	background-repeat:no-repeat;
	text-decoration:none;
	color:#000000;
}

/**
 * Additional styles for the controls.
 */

#mycarousel-next,
#mycarousel-prev {
    cursor: pointer;
    text-decoration: underline;
    font-size: 11px;	
	margin-left:12px;
}

#mycarousel-next IMG,
#mycarousel-prev IMG { border:0; }

#mycarousel-next {
	float:right;
	margin-right:25px;
}

/**
 * This <div> element is wrapped by jCarousel around the list
 * and has the classname "jcarousel-container".
 */
.jcarousel-container {
    position: relative;
	margin-left:5px;
}

.jcarousel-clip {
    z-index: 2;
    padding: 0;
    margin: 0;
    overflow: hidden;
    position: relative;
}

.jcarousel-list {
    z-index: 1;
    overflow: hidden;
    position: relative;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
}

.jcarousel-list li,
.jcarousel-item {
    float: left;
    list-style: none;
    /* We set the width/height explicitly. No width/height causes infinite loops. */
    width: 180px;
    height: 30px;
}

/**
 * The buttons are added dynamically by jCarousel before
 * the <ul> list (inside the <div> described above) and
 * have the classnames "jcarousel-next" and "jcarousel-prev".
 */
.jcarousel-next {
    z-index: 3;
    display: none;
}

.jcarousel-prev {
    z-index: 3;
    display: none;
}


/* Skin */

.jcarousel-skin-tango .jcarousel-container {
    -moz-border-radius: 10px;
    background: #F0F6F9;
    border: 1px solid #346F97;
}

.jcarousel-skin-tango .jcarousel-container-horizontal {
    width: 950px;
	height:30px;
    /*padding: 20px 40px;*/
	
}

.jcarousel-skin-tango .jcarousel-container-vertical {
    width: 75px;
	
    height: 245px;
    padding: 40px 20px;
}

.jcarousel-skin-tango .jcarousel-clip-horizontal {
    width:  950px;
    height: 30px;
}

.jcarousel-skin-tango .jcarousel-clip-vertical {
    width:  75px;
    height: 245px;
}

.jcarousel-skin-tango .jcarousel-item {
    width: 180px;
    height: 30px;
}

.jcarousel-skin-tango .jcarousel-item-horizontal {
    margin:0 5px;
}

.jcarousel-skin-tango .jcarousel-item-vertical {
    margin-bottom: 10px;
}

.jcarousel-skin-tango .jcarousel-item-placeholder {
    background: #fff;
    color: #000;
}

/**
 *  Horizontal Buttons
 */
.jcarousel-skin-tango .jcarousel-next-horizontal {
    position: absolute;
    top: 43px;
    right: 5px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(squelettes/imgs/next-horizontal.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-next-horizontal:hover {
    background-position: -32px 0;
}

.jcarousel-skin-tango .jcarousel-next-horizontal:active {
    background-position: -64px 0;
}

.jcarousel-skin-tango .jcarousel-next-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:active {
    cursor: default;
    background-position: -96px 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal {
    position: absolute;
    top: 43px;
    left: 5px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(squelettes/imgs/prev-horizontal.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal:hover {
    background-position: -32px 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal:active {
    background-position: -64px 0;
}

.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:active {
    cursor: default;
    background-position: -96px 0;
}

/**
 *  Vertical Buttons
 */
.jcarousel-skin-tango .jcarousel-next-vertical {
    position: absolute;
    bottom: 5px;
    left: 43px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(next-vertical.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-next-vertical:hover {
    background-position: 0 -32px;
}

.jcarousel-skin-tango .jcarousel-next-vertical:active {
    background-position: 0 -64px;
}

.jcarousel-skin-tango .jcarousel-next-disabled-vertical,
.jcarousel-skin-tango .jcarousel-next-disabled-vertical:hover,
.jcarousel-skin-tango .jcarousel-next-disabled-vertical:active {
    cursor: default;
    background-position: 0 -96px;
}

.jcarousel-skin-tango .jcarousel-prev-vertical {
    position: absolute;
    top: 5px;
    left: 43px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(prev-vertical.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-prev-vertical:hover {
    background-position: 0 -32px;
}

.jcarousel-skin-tango .jcarousel-prev-vertical:active {
    background-position: 0 -64px;
}

.jcarousel-skin-tango .jcarousel-prev-disabled-vertical,
.jcarousel-skin-tango .jcarousel-prev-disabled-vertical:hover,
.jcarousel-skin-tango .jcarousel-prev-disabled-vertical:active {
    cursor: default;
    background-position: 0 -96px;
}


}


/* Css d'impression  */
@media print {

#photo_ligne { display:none; }

}
/* Module Bandeau Loop */


/* Css d'affichage */
@media projection, screen, tv {

#bandeau_loop {
	/*position:absolute;
	top:-10px;
	right:-10px;*/
	float:right;
	height:570px;
	width:175px;
} 

}


/* Css d'impression */
@media print {
  
}
/* Module Menu principal */


/* Css d'affichage */
@media projection, screen, tv {

#menu_principal {
	font-size:0.71em;
	float:left;
	width:790px;
	padding:10px 0 0 10px;
	height:50px;
}

#menu_principal UL {
	margin:0;
	padding:0;
	list-style:none;
}

#menu_principal LI {
	line-height:2.1em;
	float:left;
	padding:0 5px;
	position:relative;
}

#menu_principal LI IMG {
	margin:0 2px 0 0;
	border:0;
}

#menu_principal LI.premier { margin:0; }

#menu_principal A {
	text-decoration:none; 
	color:#666666;
}

#menu_principal A:hover { 
	color:#82AAC9;
	text-decoration:none;
}

#menu_principal A.on,
#menu_principal A.on:hover  {

}
 
}


/* Css d'impression */
@media print {
  
}
/* Module Menu interieur */


/* Css d'affichage */
@media projection, screen, tv {
/*	Page projets	*/
#menu_interieur {
	font-size:0.82em;
	padding:0 0 0 10px;
	position:absolute;
	_position:relative;
	top:70px;
	_top:10px;
	width:300px;	
	left:0;
 
}

#menu_interieur.projet {
	_width:290px;
	_float:left;
}

#menu_interieur IMG { border:0; } 

#menu_interieur H2 {
	font-weight:normal;
	font-size:1.63em;
	position:relative;
	padding:0 5px;
	color:#666666;
}

#menu_interieur H2 #carre {
	width:26px;
	height:26px;
}


#menu_interieur H2 #carre.on { background:#2A3F8D; }

#menu_interieur H2 IMG { margin:0 4px 0 0; }

#menu_interieur UL {
	list-style:none;
	margin:0;
	padding:0;
}

#menu_interieur LI {
	margin:12px 0;
	padding:0 5px;
	position:relative;
	height:18px;
}

#menu_interieur LI.on { height:28px; }

#menu_interieur LI #carre.on {
	height:16px;
	width:16px;
}

#menu_interieur LI IMG { margin:0 4px 0 0; }

#menu_interieur A {
	text-decoration:none; 
	color:#666666;
}

#menu_interieur A:hover { }

#menu_interieur A.on,
#menu_interieur A.on:hover  {
	cursor:default;
	text-decoration:none; 
	color:#666666;
	font-size:1.39em;
}
 
}


/* Css d'impression */
@media print {
  
}
/* Module Menu de traduction */


/* Css d'affichage */
@media projection, screen, tv {
  
#menu_traduction {
	font-size:0.71em;
	background:url(squelettes/imgs/mod_menu_traduction_fond.gif) repeat-x top;
	text-align:right;
	padding:5px 5px 5px 5px;
	height:20px;
	color:#717171;
	line-height:20px;
}

#menu_traduction UL {
	margin:0;
	padding:0;
}

#menu_traduction UL LI { 
	margin:0;
	padding:0;
	display:inline;
}

#menu_traduction A {
	color:#B4B4B4;
	text-decoration:none;
}

#menu_traduction A:hover { text-decoration:underline; }

#menu_traduction A.on,
#menu_traduction A.on:hover {
	text-decoration:none;
	cursor:default;
	color:#626262;
}
  
}


/* Css d'impression  */
@media print {

#menu_traduction {
	display:none;
}

}
/* Module Edito du sommaire */


/* Css d'affichage */
@media projection, screen, tv {
  
#sommaire_edito {
	margin:0 275px 0 100px;
	font-size:0.77em;
	line-height:0.96em;
	color:#CCCCCC;
}

}

/* Css d'impression  */
@media print {

#sommaire_edito IMG { border:0px; }

}
/* Module Contenu d'article */


/* Css d'affichage */
@media projection, screen, tv {

#article_contenu {
	margin:0 21px;
	padding:0 10px 0 9px;
	background:url(squelettes/imgs/contenu_ombre_fond.jpg) repeat-y center;
	position:relative;
	/*_width:800px;*/
	border-bottom:1px solid #000000;
	font-size:0.77em;
	color:#333333;
	min-height:380px;
	_height:380px;
	_display:table;
}

#article_contenu IMG.angle_no {
	position:absolute;
	top:0;
	left:0;
}

#article_contenu IMG.angle_ne {
	position:absolute;
	top:0;
	right:0;
}

#article_contenu IMG.angle_so {
	position:absolute;
	bottom:-1px;
	left:0;
}

#article_contenu IMG.angle_se {
	position:absolute;
	bottom:-1px;
	right:0;
}

/*Couleur du lien dans l'article*/
#article_contenu A.spip_in,
#article_contenu A.spip_out,
#article_contenu A.spip_url { 
  text-decoration:none;
  border-bottom:1px solid #007ac3;
  /*couleur bleue foncée du bandeau haut*/
 color:#124065;
 font-weight: bold;
 }

 
/*Couleur du lien dans l'article au survol*/
#article_contenu A.spip_in:hover,
#article_contenu A.spip_out:hover,
#article_contenu A.spip_url:hover {
 border-bottom:1px solid #cc7442;
 }
 
#article_contenu A IMG { 
	border:0;
}
 
/*Couleur et style des paragraphes de tout le contenu l'article*/
#article_contenu P {
	margin:8px 0;
	padding:0;
}

#article_contenu DIV.parent {

 }

/*Couleur et style du titre de l'article*/
#article_contenu H1.titre {
	background:url(squelettes/imgs/mod_article_contenu_titre.gif) repeat-x top;
	font-size:1.21em;
	/*margin:5px 0 0 0;*/
	margin:5px 0 15px 0;
	padding:0;
}

#article_contenu H1.titre SPAN {
	background:#F5F5F5;
	padding:0 3px;
	margin-left: 20px;
	color:#363636;
}

#article_contenu DIV.descriptif { 
	margin:0 10px;
}

/*Couleur et style du Chapo de l'article*/
#article_contenu DIV.chapo {
font-weight:bold;
/*Bleu comme la ligne menu*/
font-size: 1.03em;
color:#1D659D;
margin:0 10px 10px 10px;
 }
 
 #article_contenu DIV.texte { 
margin:0 10px;
}

/*inter-titre en bleu*/
#article_contenu DIV.texte H3 {
color:#1D659D;
font-size:1.02em;
text-align:left;
/*margin:15px 350px 5px 5px;*/
/*Ligne de séparation du H3*/
border-bottom:1px dashed #B8B3B1;

 }

/*Mise en gras du texte dans l'article*/
#article_contenu DIV.texte STRONG {
color: #007ac3;
font-size:0.96em;
font-weight: normal;
 }

/*Mise en italique du texte dans l'article*/
#article_contenu DIV.texte I {
color:#55A0FF;
 }
 

#article_contenu DIV.ps { 
margin:0 10px;
}

#article_contenu span.spip_documents_left {
margin: 5px;
	}
	
#article_contenu span.spip_documents_right {
margin: 5px;
	}
	
#article_contenu ul.spip {
	margin:0;
	padding:0 0 0 30px;
	list-style-type: square;
}

#article_contenu ul.spip li {
	margin:0;
	padding:0;
}

#article_contenu table.spip {
	margin: auto;
	margin-bottom: 1em;
	border: 0px solid;
	border-collapse: collapse;
	width:99%;
}
#article_contenu table.spip caption {
	caption-side: top; /* bottom pas pris en compte par IE */
	text-align: center;
	margin: auto;
	padding: 3px;
	font-weight: bold; }
#article_contenu table.spip tr.row_first { /*background: #FFC;*/ }
#article_contenu table.spip tr.row_odd { /*background: #DDD;*/ }
#article_contenu table.spip tr.row_even { /*background: #EEE;*/ }
#article_contenu table.spip th, table.spip td { padding: 3px; text-align: left; vertical-align: top; }


	
}

}


/* Css d'impression  */
@media print {
 
}

/* Module Contenu de rubrique */


/* Css d'affichage */
@media projection, screen, tv {

#rubrique_contenu { 
	clear:left;
	font-size:0.71em;
	padding:5px 10px;
}
 
#rubrique_contenu A { 
	text-decoration:none;
	color:#8FBFEF;
}

#rubrique_contenu A:hover{
	text-decoration:none;
	color:#87AD01;
}
 

#rubrique_contenu P {
	margin:8px 0;
	padding:0;
}

#rubrique_contenu DIV.parent {}

#rubrique_contenu H1 {
	font-weight:normal;
	font-size:1.75em;
	padding:0 5px;
	float:left;
}

#rubrique_contenu H1 #carre {
	width:26px;
	height:26px;
}

#rubrique_contenu H1 IMG { margin:0 4px 0 0; }

#rubrique_contenu H1 #carre.on { background:#2A3F8D; }

#rubrique_contenu DIV.chapo {}

#rubrique_contenu DIV.texte { 
	float:right;
	width:360px;
	line-height:1.92em;
	text-align:justify;
	margin-right:80px;
	_margin-right:30px; /*IE6 hack, centre le texte sur l'image de fond... */
	margin-top:30px;
	*margin-top:10px;
}

#rubrique_contenu DIV.texte H3 {}

#rubrique_contenu DIV.texte STRONG {}

#rubrique_contenu DIV.texte I {}

#rubrique_contenu #rubrique_liste { margin:20px 0 0 8px; } 

#rubrique_contenu #rubrique_liste DIV.element {
	float:left;
	margin-top:30px;
	width:400px;
	position:relative;
}

#rubrique_contenu #rubrique_liste IMG.logo {
	float:left;
	border:1px solid #CCCCCC;
	margin-right:10px;
}

#rubrique_contenu #rubrique_liste DIV.texte { 
	float:none;
	width:auto;
	margin:0;
	position:absolute;
	bottom:0;
	right:80px;
	width:150px;
	line-height:1.42em;
	font-size:0.82em;
}


#rubrique_contenu #rubrique_liste H2 {
	margin:0;
	font-weight:normal;
	font-size:1.21em;
	line-height:1.42em;
}




}


/* Css d'impression  */
@media print {

}


/* Développement spécifique */
/* Developpement specifique Menu Sommaire */


/* Css d'affichage */
@media projection, screen, tv {
  
#menu_sommaire {
	float:right;
	margin-right:100px;
	_margin-top:300px;
	*margin-top:300px;
	font-size:0.96em;
	line-height:1.64em;	
}

#menu_sommaire UL {
	list-style:none;
}

#menu_sommaire A {
	text-decoration:none;
	color:#333333;
	text-transform:uppercase;
	letter-spacing:0.1em;
}

#menu_sommaire A IMG {
	border:0;
	margin-right:7px;
}

}

/* Css d'impression  */
@media print {

}
/* Module Menu interieur */


/* Css d'affichage */
@media projection, screen, tv {

#menu_filiales {
	font-size:0.71em;
	float:left;
	width:300px;
	padding:0 0 0 10px;
	position:absolute;
	top:70px;
}

#menu_filiales IMG { border:0; } 

#menu_filiales H2 {
	font-weight:normal;
	font-size:1.75em;
	line-height:1.75em;
	position:relative;
	padding:0 5px;
	clear:both;
}

#menu_filiales H2 .spip_logos {
	float:left;
}

*+html #menu_filiales H2 .spip_logos {
	float:none;
}

#menu_filiales H2 #carre {
	width:20px;
	height:20px;
}


#menu_filiales H2 #carre.on { background:#2A3F8D; }

#menu_filiales H2 IMG { margin:0 4px 0 0; }

#menu_filiales UL {
	list-style:none;
	margin:0;
	padding:0;
}

#menu_filiales LI {
	margin:12px 0;
	padding:0 5px;
	position:relative;
	height:18px;
}

#menu_filiales LI.on { height:28px; }

#menu_filiales LI #carre.on {
	height:16px;
	width:16px;
}

#menu_filiales LI IMG { margin:0 2px 0 0; }
*+html #menu_filiales LI IMG { float:left; }	/*	IE - en attendant de trouver mieux	*/

#menu_filiales LI IMG.spip_logos { float:left; }

#menu_filiales A {
	text-decoration:none; 
	color:#666666;
}

#menu_filiales A:hover { color:#E21B18; }

#menu_filiales A:hover #carre { background:#E21B18; }

#menu_filiales A.on,
#menu_filiales A.on:hover  {
	cursor:default;
	text-decoration:none; 
	color:#666666;
	font-size:1.39em;
}
 
}


/* Css d'impression */
@media print {
  
}
/* Developpement specifique Sommaire Filiales */


/* Css d'affichage */
@media projection, screen, tv {
  
#filiales_sommaire {
	text-align:center;
	float:right;
	width:730px;
}

#filiales_sommaire IMG { margin-top:-30px; _margin-top:0; /* jverkest IE6, affiche la totalité de la carte */}

#filiales_sommaire #legende {
	position:absolute;
	bottom:10px;
	left:15px;
	font-size:0.77em;
	text-transform:uppercase;
	color:#9B9B9B;
}
	
}


/* Css d'impression  */
@media print {

}
/* Developpement specifique Contenu Filiales */


/* Css d'affichage */
@media projection, screen, tv {
  
#filiales_contenu {
	float:right;
	width:730px;
	padding:0 15px;
	font-size:0.77em;
	letter-spacing:-0.05em;
}

#filiales_contenu DIV.logo {
	margin-top:100px;
	float:left;
}

#filiales_contenu.international DIV.logo {
	margin:-30px 0 0 0;
	_margin-top:0;/* jverkest IE6, affiche la totalité de la carte */
	padding:0 20px;
}

#filiales_contenu_article {
	float:right;
	width:370px;
	height:270px;
	padding:130px 0 0 0;
	background-position:bottom left; 
	background-repeat:no-repeat;
	line-height:1.09em;
	font-size:1em;
}

#filiales_contenu.international #filiales_contenu_article {
    background-position:bottom right;  
	_background-position:100% 115%; /* jverkest IE6, remonte l'image de fond pour éviter qu'elle colle à la bordure de bas de page*/
	background-repeat:no-repeat;
	width:330px;
	height:120px;

	padding:0 330px 0 0;
	margin:0 35px;
 
	clear:both;
	float:none;

 
}

#filiales_contenu_article H3 {
	margin:4px 0 4px 0;
	padding:0;
	font-weight:normal;
	font-size:0.96em;
}

#filiales_contenu_article H3 #carre {
	background:#2A3F8D;
	margin-right:5px;
	border:0;
}

#filiales_contenu_article H3 carre.on { background:#E21B18; }

#filiales_contenu_article H4 {
	margin:0;
	padding:0;
	font-weight:normal;
	font-size:1em;
}

#filiales_contenu_article DIV.logo,
#filiales_contenu.international #filiales_contenu_article DIV.logo {
	float:left;
	margin:0;
	padding:0;
}

#filiales_contenu_article DIV.logo IMG {
	margin:0 30px 30px 0;
	border:1px solid #AAAAAA;
}

}

/* Css d'impression  */
@media print {

}
/* Developpement specifique Sommaire Projets */


/* Css d'affichage */
@media projection, screen, tv {
  
#projets_sommaire {
	width:760px;
	float:right;
	position:relative;
	margin-top:40px;
	_margin-top:0;
}
	
#projets_sommaire div.vignette {
	float:left;
	display:block;
	width:178px;
	height:28px;
	position:absolute;
	background-position:center;
	background-repeat:no-repeat;
	text-decoration:none;
	color:#000000;
	border:1px solid #FFFFFF;
	cursor:pointer
}

#projets_sommaire div.vignette DIV.legende {
	position:absolute;
	bottom:30px;
	padding:2px 0;
	background:#FFFFFF;
	font-size:0.71em;
	text-align:justify;
	line-height:1em;
	display:none;
	z-index:5;
	white-space:nowrap;
	left:-1px;
}

#projets_sommaire div.vignette DIV.legende #carre {
	border:0;
	margin-right:3px;
	width:8px;
	height:8px;
}

/*#projets_sommaire A.vignette:hover DIV.legende { display:block; }*/

#projets_sommaire div.p1 {
	left:5px;
	top:20px;
}

#projets_sommaire div.p2 {
	left:195px;
	top:20px;
}

#projets_sommaire div.p3 {
	left:385px;
	top:20px;
}

#projets_sommaire div.p4 {
	left:575px;
	top:20px;
}

#projets_sommaire div.p5 {
	left:100px;
	top:70px;
}

#projets_sommaire div.p6 {
	left:290px;
	top:70px;
}

#projets_sommaire div.p7 {
	left:480px;
	top:70px;
}

#projets_sommaire div.p8 {
	left:5px;
	top:120px;
}

#projets_sommaire div.p9 {
	left:195px;
	top:120px;
}

#projets_sommaire div.p10 {
	left:385px;
	top:120px;
}

#projets_sommaire div.p11 {
	left:575px;
	top:120px;
}

#projets_sommaire div.p12 {
	left:100px;
	top:170px;
}

#projets_sommaire div.p13 {
	left:290px;
	top:170px;
}

#projets_sommaire div.p14 {
	left:480px;
	top:170px;
}

#projets_sommaire div.p15 {
	left:5px;
	top:220px;
}

#projets_sommaire div.p16 {
	left:195px;
	top:220px;
}

#projets_sommaire div.p17 {
	left:385px;
	top:220px;
}

#projets_sommaire div.p18 {
	left:575px;
	top:220px;
}

#projets_sommaire div.p19 {
	left:100px;
	top:270px;
}

#projets_sommaire div.p20 {
	left:290px;
	top:270px;
}

#projets_sommaire div.p21 {
	left:480px;
	top:270px;
}

#projets_sommaire div.p22 {
	left:5px;
	top:320px;
}

#projets_sommaire div.p23 {
	left:195px;
	top:320px;
}

#projets_sommaire div.p24 {
	left:385px;
	top:320px;
}

#projets_sommaire div.p25 {
	left:575px;
	top:320px;
}

#projets_sommaire div.p3 DIV.legende,
#projets_sommaire div.p4 DIV.legende,
#projets_sommaire div.p7 DIV.legende,
#projets_sommaire div.p10 DIV.legende,
#projets_sommaire div.p11 DIV.legende,
#projets_sommaire div.p14 DIV.legende,
#projets_sommaire div.p17 DIV.legende,
#projets_sommaire div.p18 DIV.legende,
#projets_sommaire div.p21 DIV.legende,
#projets_sommaire div.p24 DIV.legende,
#projets_sommaire div.p25 DIV.legende {
	right:-2px;
	_right:-1px;
	*right:-1px;
	left:auto;
}

}


/* Css d'impression  */
@media print {

}
/* Developpement specifique Contenu Projets */


/* Css d'affichage */
@media projection, screen, tv {
  
#projets_contenu {
	float:right;
	width:630px;
	height:400px;
	margin:30px 0 10px 0;
	padding:0 25px 0 0;
	font-size:0.77em;
	letter-spacing:-0.05em;
}

#projets_contenu #scroll {
	height:350px;
	width:630px;
}

#projets_contenu #scroll IMG { 
	background-repeat:no-repeat;
	background-position:center;
}

#projets_contenu H3 {
	height:40px;
	margin:0 30px;
	padding:0;
	text-align:center;
	font-weight:normal;
	font-size:1.15em;
	letter-spacing:0.06em;
}

#projet_contenu_video {
	position:relative;
}

#projet_contenu_video A {
	color:#000000;
	text-decoration:none;
	float:right;
}

#projet_contenu_video A:hover { text-decoration:underline; }

#projet_contenu_video #carre {
	border:0;
	margin-right:3px;
	width:12px;
	height:12px;
} 

#projet_contenu_video DIV.video  {
	position:absolute;
	bottom:0;
	background:#000000 url(squelettes/imgs/barre_video.gif) repeat-x bottom;
	padding-top:14px;
	height:336px;
	z-index:50;
	width:630px;
	text-align:center;
	display:none;
}

#projets_contenu .left { float:left; }
#projets_contenu .right { float:right; }

#projets_contenu .left IMG,
#projets_contenu .right IMG { border:0; } 

}


/* Css d'impression  */
@media print {

}