/* CSS Document *//* STYLES REFONTE SITE V2 */

/*########################################################
	DISPOSITION
########################################################*/

/*-- #v2 --*/
#v2:before, #v2:after {
	content: "";
	display: block;
	clear: both;
}

/*-- #article --*/
#v2 #article {
	margin: 0 -10px 0 36px;
	_margin-left: 0;
	padding: 0 10px;
}
#v2 #article:after  {
	content: "";
	display: block;
	clear: both;
}

/*-- .header --*/
#v2 .header {
	position: relative;
	z-index: 20;
	margin: 0 0 12px 0;
	padding: 0 10px;
}
#v2 .header:after {
	content: "";
	display: block;
	clear: both;
}


/*-- .footer --*/
#v2 .footer {
	text-align: right;
}

/*-- .half, .left, .right --*/
#v2 .half {
	width: 50%;
}
#v2 .left {
	clear: both;
	float: left;
}
#v2 .right {
	float: right;
}


/*########################################################
	TYPOGRAPHIE
########################################################*/

#v2 {
	font-size: 12px;
}

/*-- h2 --*/
#v2 h2 {
	font-weight: bold;
	font-size: 1.6em;
	text-transform: uppercase;
	margin: 5px 0 5px 0;
}

/*-- h3 --*/
#v2 h3 {
	height: auto;
	padding: 0;
	margin: 0 0 10px 0;
	background: none;
	font-weight: bold;
	font-size: 1.4em;
}

/*-- h4 --*/
#v2 h4 {
	margin: 0 0 10px 0;
	font-size: 1.2em;
}

#v2 h4.accroche {
	margin: 0 0 10px 0;
	font-size: 1.2em;
	font-family : Verdana;
}

/*-- h5 --*/
#v2 h5.titre-section {
	font-size: 1.05em;
	font-weight : bold;	
	color : #666666;
}

#v2 h5.titre-section2 {
	font-size: 1.05em;
	font-weight : bold;
	color : #000000;	
}

#v2 h5.titre-section3 {
	font-size: 1.05em;
	color : #CC1415;	
}

/*-- p, ul, ol --*/
ul, menu, dir {
	list-style-type : none;
}

#v2 ul, #v2 ol {
	list-style-position: inside;
}
#v2 p, #v2 ul{
	margin: 0 0 10px 0;
	color: #666666;
}
#v2 ul li {
	padding-left: 16px;
	margin-bottom: 0.2em;
	background-position: left 2px;
	background-repeat: no-repeat;
	background-image: url(/images/v2/itemSmall_gray.png);
	_background-image: url(/images/v2/itemSmall_gray.png);
}
#v2 .header p.caption {
	text-align: justify;
}
#v2 .header p.caption strong {
	font-weight: normal;
}

/*-- p.legend --*/
#v2 p.legend {
	margin: 0 0 10px 0;
	color: #666666;
}

/*########################################################
	BUTTONS
########################################################*/

/*-- .button --*/
#v2 .button {
	display: inline-block;
	text-align: center;
	padding: 8px;
	background-color: #333333;
	color: #ffffff !important;
	font-size: 1.1em;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	behavior: url(/css/PIE.htc);
}
#v2 .button:hover {
	opacity : 0.8;
    filter : alpha(opacity=80);
	text-decoration: none !important;
}

/*########################################################
	PAGINATION
########################################################*/

#v2 .pagination {
	color : #666666;
}
#v2 .pagination .current {
	font-weight : bold;
}

/*########################################################
	TAGS
########################################################*/

#v2 .tag {

    float: left;
    position : absolute;
    left : 0px;
    bottom : 0px;
    padding: 5px;
    color: #fff;
    background: #666;
    border-radius: 2px;
    -webkit-border-radius: 2px;
	-moz-border-radius: 2px;

}

#v2 .date {
	float: left;
	margin-right: 10px;
	clear : both;	
}

/*########################################################
	ARTICLE
########################################################*/

#v2 .resume .dateResume {
	float: right;
	margin-right: 10px;
	margin-bottom : 10px;
	padding-left : 20px;
	text-align : right;
}

#v2 .resume .dateResume .rubriqueRecherche {
	color : #66666;
	font-weight : bold;
}


/*########################################################
	GROUP LINKS
########################################################*/

/*-- .linksGroup --*/
#v2 ul.linksGroup  {
	margin: 0;
	text-align: center;
	position: relative;
	z-index: 1;
}
#v2 ul.linksGroup li {
	display: inline-block;
	*display: inline;
	vertical-align: middle;
	width: 155px;
	margin: 5px 3px;
	padding: 0;
	background-image: none;
}

.rubrique6 #v2 ul.linksGroup li, .projections #v2 ul.linksGroup li {
	display: inline-block;
	*display: inline;
	vertical-align: middle;
	width: 155px;
	margin: 5px 3px;
	padding: 0;
	background-image: none;
}

#v2 ul.linksGroup li a {
	display: block;
	*display: inline-block;
	text-align: center;
	padding: 8px 0px;
	*margin-bottom: 5px;
	*width: 155px;
	background: #333333;
	color: #ffffff;
	font-size: 1.1em;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	behavior: url(/css/PIE.htc);
}
#v2 ul.linksGroup li a:hover {
	opacity : 0.8;
    filter : alpha(opacity=80);
	text-decoration: none !important;
}

/*########################################################
	LINKS
########################################################*/

/*-- .links --*/
#v2 ul.links li {
	padding-left: 16px !important;
}
#v2 ul.links li, #v2 #aside ul.links li {
	background-image: url(/images/v2/itemArrow_black.png);
	_background-image: url(/images/v2/itemArrow_black.gif);
	background-position : 0px;
}

/*-- .footer .links --*/
#v2 .footer .links li {
	float: right;
	margin-left: 10px;
}

/*########################################################
	SECTIONS & BLOCS
########################################################*/

/*-- .section & .bloc --*/
#v2 .section, #v2 .bloc {
	position: relative;
	margin: 0 0 12px 0;
	max-width : 780px;
	padding: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	behavior: url(/css/PIE.htc);
}
#v2 .section:last-child, #v2 .bloc:last-child {
	margin-bottom: 0;
}
#v2 .section:after, #v2 .bloc:after {
	content: "";
	display: block;
	clear: both;
}
#v2 .section .header, #v2 .bloc .header {
	position: relative;
	z-index: 1;
}

/*-- .section --*/
#v2 .section {
	border: solid 3px #66676B;
}

/*-- .bloc --*/
#v2 .bloc {
	background: #ebebeb;
}

/*########################################################
	VIGNETTES
########################################################*/

/*-- .vignette --*/
#v2 ul.vignettes .vignette {
	background: #f7f7f7;
	position: relative;
	margin: 0 0 12px 0;
	padding: 10px 10px 20px 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	overflow: hidden;
}


/*-- .image --*/
#v2 ul.vignettes .vignette .image {
	float: left;
	margin: 0 4px -10px 0;
	width: 90px;
	height: 120px;
	padding-bottom: 10px;
}
#v2 ul.vignettes .vignette .image img {
	max-width: 100%;
	max-height: 100%;
}


/*-- .resume --*/
#v2 ul.vignettes .vignette .resume {
	
}
#v2 ul.vignettes .vignette .resume h4 {
	font-weight: normal;
	margin: 0;
}
#v2 ul.vignettes .vignette .resume h4 {
	font-weight: normal;
	margin: 0;
}
#v2 ul.vignettes .vignette .resume p, #v2 ul.vignettes .vignette .resume .links li {
	font-size: 11px;
	margin: 0;
}
#v2 ul.vignettes .vignette .resume .links li {
	background-image: url(/images/v2/itemArrowSmall_black.png);
	_background-image: url(/images/v2/itemArrowSmall_black.gif);
	background-position : 0px;
}
#v2 ul.vignettes .vignette .resume .links {
	position: absolute;
	right: 10px;
	bottom: 0;
}
#v2 ul.vignettes .vignette .resume .links li {
	float: right;
	margin-left: 10px;
}

/*-- .listeVignettes --*/
#v2 ul.listeVignettes .vignette {
	margin-bottom: 6px;
}
#v2 ul.listeVignettes .vignette .image {
	width: 120px;
	height: 100px;
	margin-right : 15px;
}

/*########################################################
	ARTICLE
########################################################*/

/*-- .header --*/
#v2 .header .back {
	float: right;
	margin: -5px -10px 0 20px;
	padding-left: 28px;
	background-position: 8px center;
	background-repeat: no-repeat;
	background-image: url(/images/v2/iconBack_white.png);
}

/*-- .article --*/
#v2 .article .image, #v2 .article .corps {
	padding: 0 10px;
}
#v2 .article .image {
	float: left;
}
#v2 .article .corps {
	overflow: hidden;
}
#v2 .article .corps .resume {
	font-size: 1.2em;
	margin: -10px 0 20px 0;
}

#v2 #article #titreArticle {
	margin : 10px 10px 10px 10px;
}



/*########################################################
	ASIDE
########################################################*/

/*-- h3 --*/
#v2 #aside h3 {
	font-size: 1.2em;
	margin-left: -10px;
	margin-right: -10px;
	color: #666666;
	text-align: center;
	padding-bottom: 5px;
}
#v2 #aside h3 i {
	display: block;
	width: 48px;
	height: 48px;
	position: absolute;
	left: -16px;
	top: -2px;
	background-position: left top;
	background-repeat: no-repeat;
}

/*-- h4 --*/
#v2 #aside h4 {
	color: #666;
	font-size: 1em;
	font-weight: normal;
}

/*########################################################
	AUTOCOMPLETION
########################################################*/

#autocomplete{
	display : none;
	position : absolute;
	height : auto!important;
	z-index	: 40;	
	word-wrap : break-word;
}

#autocomplete ul {
  background-color: #FFFFFF !important;
  padding : 2px;
  margin : 0;
  word-wrap : break-word;
  list-style : none;
  margin-top:33px;
  height : auto;
  width : 273px !important;
}

#autocomplete ul li {
	background-color: #FFFFFF;
	display : block;
	cursor : pointer;
	margin : 0px;
	padding-left : 5px;
	padding-right : 5px;
	background: none;
	height : 15px;
	word-wrap : break-word;
	overflow-y : hidden;
	width : 265px;
}

#autocomplete ul li.selected {
  background-color: #B2D3F0!important;
}