@charset "UTF-8";
/* CSS Document */
  html, body {
	height: 100%;
}

body {
	margin: 0px;
	background-color: #3c0000;
	background-image: url(layout_or/gp_bkg.jpg);
	background-position: center top;
	background-repeat: no-repeat;
}

.index {
	margin: 0px;
	background-color: #3c0000;
	background-image: url(layout_or/index_bg.jpg);
	background-position: center top;
	background-repeat: no-repeat;
}


body,td,th{
	font: 12px "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
	color: #fff;
	line-height: 1.8em;
}

#wrapper{
	min-height:100%;
	height:auto !important;
	height:100%;
	margin:0 auto -150px;
}
#push{
	height:150px;/* .push must be the same height as .footer_980 */
	clear: both;
}
#center_980{
	width:980px;
	margin: 0 auto;
	position: relative;
	}
#slides_container{
	width:940px;
	height:320px;
	background-image: url(layout_or/slideshow_shad980x320.png);
	background-repeat: no-repeat;
	position: relative;
	padding: 0 20px;
}
#header {
	width: 980px;
	height: 197px;
	position: relative;
}
#sig{
	width: 540px;
	height: 197px;
	display: block;
	position: absolute;
	top: 0px;
	left: 0px;
	background-image: url(layout_or/siggp_540x197-dotcom.png);
	background-repeat: no-repeat;
	}
#buts_gps{
	width:220px;
	height:33px;
	position: absolute;
	top: 24px;
	right: 12px;
	background-image: url(layout_or/top_gps220x366.png);
	background-repeat: no-repeat;
	background-position: 0 0;
}
#buts_fb{
	width:220px;
	height:33px;
	position: absolute;
	top: 60px;
	right: 12px;
	background-image: url(layout_or/top_FB220x366.png);
	background-repeat: no-repeat;
	background-position: 0 0;
}
#buts_gps:hover{
	background-position: 0 -33px;

}
#buts_fb:hover{
	background-position: 0 -33px;

}
#buts_ustream{
	width:220px;
	height:84px;
	position: absolute;
	top: 15px;
	right: 12px;
	background-image: url(layout_or/top_ustream220x168.png);
	background-repeat: no-repeat;
	background-position: 0 0;
}

#buts_ustream:hover{
	background-position: 0 -84px;
}
#buts_infolettre{
	width:220px;
	height:33px;
	position: absolute;
	top: 115px;
	right: 12px;
	background-image: url(layout_or/top_infolettre220x366.png);
	background-repeat: no-repeat;
	background-position: 0 0;
}

#buts_infolettre:hover{
	background-position: 0 -33px;
}
#footer_container{
	background-color: #3c0000;
	border-top: solid #e60a04 1px;
	height: 150px;
}
#footer{
	width:980px;
	height:129px;
	margin:0 auto;
	text-align: center;
	padding-top: 20px;
	}
.jaime{
	width: 450px;
	height: 35px;
	display: block;
	background-image: url(layout_or/red450x35.png);
	background-repeat: no-repeat;
	padding: 10px;
}
#main_content {
	width: 940px;
	
	display: block;
	margin: 0 auto;
	padding: 20px;
	
}
#main_content .box{
	width: 900px;
	display: block;
	background-image: url(layout_or/redbox_bg.png);
	padding: 20px;
	margin-bottom: 30px;
	height: auto;
	
}
.titre {
	font-size: 14px;
	color: #FFF;
	font-weight: bold;
}
.arrow{
	display: block;
	padding-left: 12px;
	background-image: url(layout/mini_arrow.png);
	background-repeat: no-repeat;
}
a{color:#fff;}

.sep30{height:30px;}
.sep60{height:60px;}


.videoliste a{color:#fff;}
a:link {
	color: #fff;
}
a:visited {
	color: #FFF;
}
a:hover {
	color: #FC0;
}
a:active {
	color: #FC0;
}
#galerie .gal {
	margin:10px;
	width: 120px;
	float: left;
	height: 90px;
	display:block;
	border: solid #999 1px;
	background-color: #A3C2FF;
}
#galerie {
	width:860px;
	position: relative;
	padding: 20px;
	height: auto;
}
#galerie .legende {
padding:10px; float: left;
}

#titre_videos{
	height:60px;
	background-image: url(layout_or/titre_videos.png);
	background-repeat: no-repeat;
	width: 100%;
	display: block;
}
#titre_exraits{
	height:60px;
	background-image: url(layout_or/titre_extraits.png);
	background-repeat: no-repeat;
	width: 100%;
	display: block;
}
#titre_photos{
	height:60px;
	background-image: url(layout_or/titre_photos.png);
	background-repeat: no-repeat;
	width: 100%;
	display: block;
}
#titre_bio{
	height:60px;
	background-image: url(layout_or/titre_bio.png);
	background-repeat: no-repeat;
	width: 620px;
	display: block;
	float: left;
}
#titre_contact{
	height:60px;
	background-image: url(layout_or/titre_contact.png);
	background-repeat: no-repeat;
	width: 100%;
	display: block;
}
.myred{color:#F00}
.lire_txt{
	width: 100px;
	height: 20px;
	display:block;
	cursor: pointer;
	background-image:url(layout_or/lire_txt.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;
	background-color: transparent;
	border: none;
	}
	
	
.lire_txt:hover{	
background-position: 0 -20px;
}
.accueil_infolettres{
	width: 258px;
	background-color: #F60;
	display:block;
	/*border:solid #000 1px;*/
	-moz-box-shadow: 0px 0px 14px #3B0702;
	-webkit-box-shadow: 0px 0px 14px #3B0702;
	box-shadow: 0px 0px 14px #3B0702;
	/* For IE 8 */

-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=1, Direction=0, Color='#3B0702')";

/* For IE 5.5 - 7 */

filter: progid:DXImageTransform.Microsoft.Shadow(Strength=1, Direction=0, Color='#3B0702');
	height: 168px;
}
.accueil_black{
	width: 300px;
	background-color: #F00;
	display:block;
	/*border:solid #000 1px;*/
	-moz-box-shadow: 0px 0px 14px #3B0702;
	-webkit-box-shadow: 0px 0px 14px #3B0702;
	box-shadow: 0px 0px 14px #3B0702;
	/* For IE 8 */

-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=1, Direction=0, Color='#3B0702')";

/* For IE 5.5 - 7 */

filter: progid:DXImageTransform.Microsoft.Shadow(Strength=1, Direction=0, Color='#3B0702');
	height: 400px;
}

 #foot-soc{
	width:310px;
	height:32px;
	margin: 0 auto;
	padding: 10px 0 0 0;
}
#foot-soc ul{}
    #foot-soc ul li {list-style-type: none; padding: 0 10px 0 0px; float:left;}
    #foot-soc ul li a {text-indent: -9999px; font-size: 0; line-height: 0; overflow: hidden ; height: 32px; width: 32px ;border: 0; background: url(divers/social-mediaGP.png) no-repeat; display: block;}

    #foot-soc li#fb a {background-position: 0px 0px;}
    #foot-soc li#fb a:hover {background-position: 0px -32px;}

    #foot-soc li#youtube a {background-position: -52px 0px;}
    #foot-soc li#youtube a:hover {background-position: -52px -32px;}

    #foot-soc li#twit a {background-position: -104px 0px;}
    #foot-soc li#twit a:hover {background-position: -104px -32px;}


    #foot-soc li#g a {background-position: -156px 0px;}
    #foot-soc li#g a:hover {background-position: -156px -32px;}
	
	#foot-soc li#info a {background-position: -208px 0px;}
    #foot-soc li#info a:hover {background-position: -208px -32px;}
	
	#foot-soc li#rss a {background-position: -260px 0px;}
    #foot-soc li#rss a:hover {background-position: -260px -32px;}
	
	
.box .thumb_accueil{
	width: 125px;
	height:85px;
	background-color:#FFF;
	border:solid #ccc 1px;
	float:left;
	margin-top:12px;
	margin-right:20px;margin-bottom:70px;
	padding: 3px;
	display: block;
}
.box .extracts{
	padding:20px 20px 20px 0px;
	
}
.box .extracts p {
	font: 12px "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
	color: #F00;
	line-height: 1.8em;
}
.box .fbcount {color:#fc0;}

sup{
   vertical-align: baseline;
   position: relative;
   top: -0.4em;
}