/* CSS Document */
body {
	padding: 11px 0 14px 0;
	margin: 0;
	color: #424242;
	font-family: Tahoma, Arial, Sans serif;
	background: #439cbd url('images/bg.gif') repeat-x;
}
div, h1, h2, p, form, label, input, textarea, img, span {
	margin: 0;
	padding: 0;
}
ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
.spacer {
	clear: both;
	font-size: 0;
	line-height: 0;
}
.clearer {
	clear: both;
}
.floatright {
	float: right;
	margin-left: 10px;
}
.floatleft {
	float: left;
	margin-right: 10px;
}
h1 {
	color: #287898;
}

h3{
  font-size:1.2em;
  margin-bottom:0;
}

h3.h3actu{
	margin-top:10px;
}
/*------------------------------------------------body--------------------*/
#global {
	width: 978px;
	border: 1px solid #cacab8;
	border-bottom:0;
	margin: 0 auto;

	background: #fff;
}
/*------------------------------------------------header--------------------*/
#header {
	background: url('images/header.png') 0 0 no-repeat;
	width: 969px;
	height: 230px;
	position: relative;
	margin: 5px auto;
}
#header img.logo {
	position: absolute;
	left: 21px;
	top: 15px;
	width: 220px;
	height: 123px;
	border: 0;
}
#header h1 {
	background: url(images/slogan.gif) 0 0 no-repeat;
	width: 484px;
	height: 32px;
	position: absolute;
	left: 411px;
	top: 108px;
	text-indent: -10000px;
}
#nav {
	list-style: none;
	position: absolute;
	top: 191px;
	left: 10px;
	padding: 0px;
	clear: both;
	float: left;
}
#nav li {
	float: left;
	margin-right: 2px;
}
#nav li a {
	height: 25px;
	display: block;
	float: left;
	text-decoration: none;
	font-family: Tahoma;
	color: #fff;
	font-variant: small-caps;
	font-size: 1em;
	font-weight: 500;
	padding-top:2px;
}

*+html #nav li a {
	height: 22px;
	display: block;
	float: left;
	text-decoration: none;
	font-family: Tahoma;
	color: #fff;
	font-variant: small-caps;
	font-size: 1em;
	font-weight: 500;
	padding-top:5px;
}

#nav li a:hover, #nav li a.select {
	font-family: Tahoma;
	color: #505050;
	font-variant: small-caps;
}
#nav #nav-accueil a {
	width: 70px;
	padding-left: 10px;
	background: url('images/nav-accueil.png') no-repeat left bottom;

}
#nav #nav-accueil a:hover, #nav #nav-accueil a.select {
	background: url('images/nav-accueil.png') no-repeat left top;
}
#nav #nav-services a {
	width: 78px;
	padding-left: 12px;
	background: url('images/nav-services.png') no-repeat left top;
}
#nav #nav-services a:hover, #nav #nav-services a.select {
	background: url('images/nav-services.png') no-repeat left bottom;
}
#nav #nav-clients a {
	width: 70px;
	padding-left: 10px;
	background: url('images/nav-clients.png') no-repeat left bottom;
}
#nav #nav-clients a:hover, #nav #nav-clients a.select {
	background: url('images/nav-clients.png') no-repeat left top;
}
#nav #nav-portfolio a {
	width: 94px;
	padding-left: 14px;
	background: url('images/nav-portfolio.png') no-repeat left top;
}
#nav #nav-portfolio a:hover, #nav #nav-portfolio a.select {
	background: url('images/nav-portfolio.png') no-repeat left bottom;
}
#nav #nav-contacts a {
	width: 80px;
	padding-left: 9px;
	background: url('images/nav-contacts.png') no-repeat left top;
}
#nav #nav-contacts a:hover, #nav #nav-contacts a.select {
	background: url('images/nav-contacts.png') no-repeat left bottom;
}
#nav #nav-stages a {
	width: 130px;
	padding-left: 8px;
	background: url('images/nav-stages.png') no-repeat left top;
}
#nav #nav-stages a:hover, #nav #nav-stages a.select {
	background: url('images/nav-stages.png') no-repeat left bottom;
}
#devis {
}
#devis a {
	width: 167px;
	height: 69px;
	display: block;
	background: url('images/devis.png') no-repeat left top;

	position: absolute;
	top: 149px;
	right: 30px;
}
#devis a:hover, #devis a.select {
	width:167px;
	height: 100px;
	background: url('images/devis.png') no-repeat left bottom;
	position: absolute;
	top: 118px;
	right: 30px;

}

#telhead{
	color:#fff;
	font-size:26px;
	display:bloc;
	position: absolute;
	top: 180px;
	right: 190px;
	width: 230px;
	height: 30px;
}
/*------------------------------------------------header--------------------*/
/*------------------------------------------------body--------------------*/
#content {
	padding: 13px 0px 13px 2px;
	margin: 0 auto;
	font-size: .75em;
}
#content-service {
	font-size: .75em;
	float: left;
	margin-top: 35px;
	margin-left: 15px;
}
#content .accueil {
	float: left;

}
#content .accueil .accueil_top {
	width: 721px;
	height: 7px;
	background: url('images/c_accueil_top.gif') no-repeat;
}
#content .accueil .accueil_centre {
	width: 711px;
	padding-left: 12px;
	background: url('images/c_accueil_centre.gif') repeat-y;
}
#content .accueil .accueil_centre div#content_accueil {
	width: 97%;
}
#content .accueil .accueil_centre h1 {
	font-size: 1.5em;
	color: #28789a;
	font-weight: bold;
	width: 90%;
}
#content .accueil .accueil_bottom {
	width: 721px;
	height: 9px;
	background: url('images/c_accueil_bot.gif') no-repeat;
}
#illu-accueil {
	width: 100%;
	height: 300px;
	background: url('images/img-accueil.png') no-repeat 160px;
}
#illu-accueil h2 {
	font-weight: bold;
	font-size: 1.5em;
	color: #fc8105;
}
#illu-accueil h2 a {
	color: #fc8105;
	text-decoration: none;
}
#illu-accueil h2 a:hover {
	color: #fc8105;
	text-decoration: underline;
}
#illu-accueil #vitrine {
	position: relative;
	top: 40px;
	left: 20px;
	text-align: left;
	color: #8f8f8f;
	width: 225px;
}
#illu-accueil #ref {
	position: relative;
	left: 380px;
	top: -50px;
	text-align: right;
	color: #8f8f8f;
	width: 265px;
}
#illu-accueil #dynamique {
	position: relative;
	left: 370px;
	top: 25px;
	text-align: right;
	color: #8f8f8f;
	width: 245px;
}
#illu-accueil #dvp {
	position: relative;
	left: 10px;
	top: 5px;
	text-align: left;
	color: #8f8f8f;
	width: 310px;
}
#divplugoo {
  float:left;
	margin-top: -11px;
	margin-left:8px;
}
#divplugoo2 {
	margin-top: 9px;
	margin-left:5px;
	float:left;
}
#plugoo {
	margin-top: -11px;

}
#divplugoo #titre-plugoo {
	width: 245px;
	height: 34px;
	background: url('images/titre-plugoo.gif') no-repeat;
}
#script-plugoo {
	padding-top: 15px;
	padding-left: 10px;
}

#divactus{
  	float:left;
	margin-top: -11px;
	margin-left:8px;
}

#divactus #titre-actus {
	width: 245px;
	height: 33px;
	background: url('images/titre-actu.gif') no-repeat;
}

.content1 .texteactu,
.content1 .texteactu p{
  	font-size:13px;
}

#liste-actus {
	padding-top: 5px;
	padding-left: 5px;
	width: 95%;
}

#liste-actus li{
	font-size:12px;
	padding-bottom:10px;

	border-bottom: 1px dotted #ccc;
	width: 230px;
	margin-bottom:10px;
}

 .dateactu{
	font-weight: bold;
}


#liste-actus li a.titreactu{
	text-decoration: none;
	font-weight: bold;
	font-size:13px;
}

#liste-actus li a.readmore{
	text-decoration: underline;
	float:right;
}


#bloc_screenshot {
	margin-top: -80px;
	margin-right: 37px;
	float: right;
}
#bloc_screenshot .screenshot {
	border: 1px solid #28789a;
	margin-bottom: 5px;
	width: 150px;
	height: 100px;
	overflow: hidden;
}
#bloc_screenshot .screenshot a {
	display: block;
	width: 100%;
	height: 100%;
	filter: alpha(opacity=80);
	-moz-opacity: .8;
	opacity: .8;
}
#bloc_screenshot .screenshot a:hover {
	display: block;
	width: 100%;
	height: 100%;
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
}
.bloc_left {
	width: 173px;
	float: left;
	margin-left: -3px;
}
.bloc_left_h {
	width: 173px;
	height: 8px;
	background: url('images/left-h.png') no-repeat;
	float: left;
	padding: 10px;
	padding-top: 3px;
	color: #FFF;
	font-weight: bold;
}
.bloc_left_c {
	width: 173px;
	float: left;
	background: #3c3c3c;
	color:#F9F9F9;
}
.bloc_left_c #coordonnees {
	text-align: right;
	color: #f6f6f6;
	font-size: 1em;
	margin-right: 12px;
	margin-top: 12px;
	margin-bottom: 10px;
}
.bloc_left_c .content_blocleft_right {
	text-align: right;
	color: #F9F9F9;
	font-size: 1em;
	margin-right: 12px;
	margin-top: 12px;
	margin-bottom: 10px;
}
.bloc_left_c .content_blocleft_left {
	text-align: left;
	color: #F9F9F9;
	font-size: 1em;
	margin-left: 6px;
	margin-top: 12px;
	margin-bottom: 10px;
}
.bloc_left_c .titre1_blocleft {
	width: 165px;
	height: 20px;
	background: #505050;
	color: #dddddd;
	padding: 3px;
	padding-top: 1px;
	padding-bottom: 0;
	font-size: 1.1em;
	font-weight: bold;
}

.bloc_left_c .check{
  width:145px;
  height:19px;
  background: url('images/bg_check.png') no-repeat;
  margin-top:20px;
  margin-bottom:10px;
  padding-left:28px;
  padding-top:3px;
  color:#FFF;
}

#clickhere{
  width:182px;
  height:182px;
  clear:both;
}

#clickhere a{
  width:180px;
  height:129px;
  display:block;
  background: url('images/clickhere.gif') no-repeat 0 top;

}


#clickhere a:hover{
  width:180px;
  height:129px;
  display:block;
  background: url('images/clickhere.gif') no-repeat 0 -129px;
}

.bloc_left_b {
	width: 173px;
	height: 6px;
	float: left;
	background: url('images/left-b.png') no-repeat;
}
.bloc_left .categorie {
	background: #505050;
	width: 168px;
	height: 19px;
	margin-bottom: 3px;
	margin-top: 3px;
	text-align: right;
	color: #F6F6F6;
	font-variant: small-caps;
	padding-right: 5px;
	padding-top: 2px;
}
.bloc_left .categorie a {
	color: #F6F6F6;
	text-decoration: none;
	font-size: 1.1em;
	display: block;
	width: 100%;
	height: 100%;
}
.bloc_left .categorie a:hover {
	font-weight: bold;
}
#bloc_number {
	width: 174px;
	height: 342px;
	background: url('images/bloc_number.png') no-repeat;
	margin: 0;
	margin-top: 15px;
	float: left;
	margin-bottom: 15px;
}
.content1 {
	float: left;
	width: 570px;
	margin-left: 10px;
	margin-bottom: 10px;
}
.content2 {
	float: left;
	width: 785px;
	margin-left: 10px;
}
.content3 {
	float: left;
	width: 600px;
	margin-left: 30px;
}
#liste_client {
	margin-left: 50px;
}
#fleche_droite1 {
	float: right;
	margin-top: 120px;
}
#fleche_droite1 a {
	width: 40px;
	height: 38px;
	display: block;
	background:  url('images/fleche_r1.gif') no-repeat bottom;
}
#fleche_droite1 a:hover {
	width: 40px;
	height: 38px;
	background:  url('images/fleche_r1.gif') no-repeat top;
}
#fleche_droite2 {
	float: right;
	margin-top: 250px;
	margin-right: 50px;
}
#fleche_droite2 a {
	width: 40px;
	height: 38px;
	display: block;
	background:  url('images/fleche_r1.gif') no-repeat bottom;
}
#fleche_droite2 a:hover {
	width: 40px;
	height: 38px;
	background:  url('images/fleche_r1.gif') no-repeat top;
}
#fleche_gauche1 {
	float: left;
	margin-top: 120px;
}
#fleche_gauche1 a {
	width: 40px;
	height: 38px;
	display: block;
	background:  url('images/fleche_l1.gif') no-repeat bottom;
}
#fleche_gauche1 a:hover {
	width: 40px;
	height: 38px;
	background:  url('images/fleche_l1.gif') no-repeat top;
}
#fleche_gauche2 {
	float: left;
	margin-top: 250px;
}
#fleche_gauche2 a {
	width: 40px;
	height: 38px;
	display: block;
	background:  url('images/fleche_l1.gif') no-repeat bottom;
}
#fleche_gauche2 a:hover {
	width: 40px;
	height: 38px;
	background:  url('images/fleche_l1.gif') no-repeat top;
}
.content1_haut {
	width: 577px;
	height: 6px;
	background: url('images/content1_haut.png') no-repeat;
	margin-top:-15px;
}


.titre_content1 {
  position:relative;
  margin-left: 15px;
  margin-top:0;
}

.content1_centre {
	width: 555px;
	background: url('images/content1_centre.png') repeat-y;
	padding: 10px;
	padding-top: 0;
	text-align: justify;
	color: #3c3c3c;
}
.content1_centre br {
	line-height: 5px;
}

.content1_centre ul{
	margin-left: 30px;
	list-style-type: disc;
}

.content1_bas {
	width: 577px;
	height: 7px;
	background: url('images/content1_bas.png') no-repeat;
}
.bglogo2 {
	width: 98px;
	height: 42px;
	background: url('images/bg_logo2.png') no-repeat;
	float: left;
	margin-top: 10px;
	margin-right: 5px;
}
a.nom_client {
	font-size: 1.1em;
	color: #3c3c3c;
	font-weight: bold;
	background: url('images/link5.png') no-repeat left top;
	padding-left: 13px;
	border-bottom: 1px dotted #3c3c3c;
	text-decoration: none;
}
a.nom_client:hover {
	font-size: 1.1em;
	color: #3c3c3c;
	font-weight: bold;
	color: #28789a;
	text-decoration: none;
	border-bottom: 1px dotted #28789a;
	background: url('images/link5.png') no-repeat left bottom;
	padding-left: 13px;
}
.lien_service {
	height: 43px;
	padding-top: 17px;
}
.lien_service h1 {
	font-family: "Arial Black", Arial, Verdana, serif;
	color: #287898;
	font-size: 2.5em;
	margin-bottom: -8px;
	margin-left: -4px;
}
.lien_service h1 a {
	text-decoration: none;
	color: #287898;
}
.lien_service h1 a:hover {
	text-decoration: none;
	color: #ff8c17;
}
.lien_service p {
	color: #8f8f8f;
	font-style: italic;
}
#blocs_services {
	margin-left: 6px;
}
.bloc_service {
	width: 300px;
	height: 350px;
	border: 1px solid #CCC;
	float: left;
	margin: 5px;
	margin-top: 0px;
	margin-bottom: 10px;
}
.bloc_service a.fullService {
	width: 100%;
	height: 100%;
	display: block;
	float: left;
}
.bloc_service .divTitreService {
	width: 98%;
	height: 50px;
	background: #257595;
	margin: 3px auto;
}
.bloc_service .divTitreService .titre_service {
	float: right;
	text-align: right;
	font-family: "Arial Black";
	font-size: 1.5em;
	line-height: 1em;
	margin: 5px;
	margin-top: 3px;
	color: #f9f9f9;
}
.bloc_service .divTitreService .titre_service2 {
	float: right;
	text-align: right;
	font-family: "Arial Black";
	font-size: 1.3em;
	line-height: 1.1em;
	margin: 5px;
	margin-top: 4px;
	color: #f9f9f9;
}
.bloc_service .divTitreService .number_service {
	float: left;
	text-align: left;
	font-family: "Arial Black";
	font-size: 2.8em;
	margin: 5px;
	margin-top: -2px;
	margin-left: 4px;
	color: #458aa5;
	width: 30px;
}
.bloc_service .contenu_service {
	color: #8c8c8c;
	font-weight: bold;
	font-size: .9em;
	padding: 8px;
	padding-top: 0;
}
.bloc_service .contenu_service a {
	color: #2888ae;
	font-size: 1.2em;
}
.bloc_service .contenu_service a:hover {
	color: #fc8105;
}

#service_webdesign{
  padding-top:70px;text-align:right;
}

*+html #service_webdesign{
  padding-top:25px;text-align:right;
}

.bloc_service .contenu_service .bloc_logo {
	background: url('images/bg_logos.png') no-repeat;
	width: 268px;
	height: 122px;
	margin: 5px auto;
	padding-top: 13px;
	padding-left: 16px;
	word-spacing: 3px;
	line-height: 23px;
}

.bloc_service .contenu_service .bloc_logo2 {
	background: url('images/bg_logos2.png') no-repeat;
	width: 268px;
	height: 105px;
	margin: 5px auto;
	padding-top: 13px;
	padding-left: 16px;
	word-spacing: 3px;
	line-height: 23px;
}
.bloc_service .contenu_service ul {
	margin-left: 15px;
	margin-top: 10px;
	list-style-type: disc;
	list-style-position: outside;
}
.bloc_service .contenu_service ul li {
	margin-bottom: 5px;
	font-weight: normal;
	font-size: 1.1em;
}
.quote1 {
	background: url('images/quote1.png') no-repeat;
	text-align: right;
	font-weight: bold;
	color: #fc8105;
	font-size: 1.5em;
	width: 284px;
	height: 45px;
	padding-top: 5px;
	margin-top: 15px;
}
.quote2 {
	background: url('images/quote2.png') no-repeat;
	text-align: left;
	font-weight: bold;
	color: #fc8105;
	font-size: 1.5em;
	width: 284px;
	height: 45px;
	padding-top: 5px;
	padding-left: 13px;
	margin-top: 10px;
	margin-left: 8px;
}
.quote3 {
	background: url('images/quote1.png') no-repeat;
	text-align: left;
	font-weight: bold;
	color: #fc8105;
	font-size: 1.5em;
	width: 284px;
	height: 45px;
	padding-top: 5px;
	margin-top: 15px;
	padding-left: 13px;
	line-height: 17px;
}
.bg_logo {
	width: 159px;
	height: 110px;
	background: url('images/bg_logo_client.png');
	float: left;
	margin-left: 10px;
	margin-bottom: 10px
}
#liste_rea {
	margin-left: 30px;
	float: left;
	width: 630px;
}
#liste_rea .bloc_rea {
	width: 304px;
	height: 124px;
	background: url('images/bg_rea.gif') no-repeat;
	float: left;
	margin-right: 10px;
}
#liste_rea .bloc_rea .apercu_rea {
	width: 100px;
	height: 105px;
	background: url('images/bg_apercu_rea.gif') no-repeat;
	margin: 5px;
	margin-left: 10px;
	float: left;
	padding:7px;



	overflow:hidden;

}
#liste_rea .bloc_rea .apercu_rea img {
	/*width: 105px;
	height: 105px;*/


}
#liste_rea .bloc_rea .apercu_rea  a {
	filter: alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
	display: block;
	width: 101px;
	height: 101px;

	overflow:hidden;
}
#liste_rea .bloc_rea .apercu_rea  a:hover {
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
}
#liste_rea .bloc_rea .bloc_titre_apercu {
	float: left;
	margin-top: 22px;
}
#liste_rea .bloc_rea .bloc_titre_apercu .titre_apercu {
	width: 159px;
	height: 13px;
	background: #FFF;
	padding: 3px;
	padding-top: 1px;
	margin-bottom: 3px;
	font-size: .8em;
}
#liste_rea .bloc_rea .bloc_titre_apercu .titre_apercu label {
	display: block;
	width: 40px;
	float: left;
	text-align: right;
	margin-left: -5px;
	margin-right: 5px;
	font-weight: bold;
}
#liste_rea .bloc_rea .ensavoirplus {
	float: right;
	height: 17px;
	margin-right: 20px;
	margin-top: 1px;
}
#liste_rea .bloc_rea .ensavoirplus a {
	width: 61px;
	height: 17px;
	display: block;
	background: url('images/ensavoirplus.gif') no-repeat left bottom;
}
#liste_rea .bloc_rea .ensavoirplus a:hover {
	width: 61px;
	height: 24px;
	display: block;
	background: url('images/ensavoirplus.gif') no-repeat left bottom;
}



	/* override the root element to enable scrolling */
	#liste_rea {
		position:relative;
		overflow:hidden;
		clear:both;

		top:-190px;
		left:215px;
		height:430px;
		margin-bottom:-200px;
	}

	/* override single pane */
	#liste_rea div.item {
		float:left;
		display:block;
		width:670px;
		font-size:14px;
	}

	/* our additional wrapper element for the items */
	#liste_rea .items {
		width:20000em;
		position:absolute;
		clear:both;
		margin:0;
		padding:0;
	}

	#liste_rea .less, #flowpanes .less a {
		color:#999 !important;
		font-size:11px;
	}




.cssform div {
	float: left;
	border: 0px solid red;
	margin-bottom: 7px;
	width: 276px;
}
.cssform div.divtextarea {
	float: left;
	border: 0px solid red;
	margin-bottom: 7px;
	width: 530px;
}

.cssform div.divtextarea2 {
	margin-bottom: 7px;
	width: 450px;
	padding-left:60px;
	margin-top:10px;
}

.cssform label {
	display: block;
	width: 110px;
	float: left;
	color:#5b5a5b;
}

.cssform strong{
  color:#5b5a5b;
}

.cssform .inputcontact {
	width: 132px;
	border: 1px solid #CCC;
	color: #8f8f8f;
	margin-bottom:5px;
}
.cssform .inputcontact:hover, .cssform .inputcontact:focus {
	border: 1px solid #fc8105;
}

.cssform .checkbox {
	margin-left:10px;
	margin-bottom:4px;
}


.cssform .areacontact {
	float: left;
	width: 408px;
	height: 150px;
	border: 1px solid #CCC;
	color: #8f8f8f;
	font-family: "Arial";
	font-size:1em;
}



.cssform .areacontact:hover, .cssform .areacontact:focus {
	border: 1px solid #fc8105;
}
.cssform .submit_contact {
	background: url('images/submit_contact.png') no-repeat 0 4px;
	width: 89px;
	height: 27px;
	border: 0px;
	color: #2d2d2d;
	font-weight: bold;
}
.cssform .submit_contact:hover {
	background-position: 0 -23px;
	width: 89px;
	height: 27px;
	border: 0px;
	cursor: pointer;
	color: #2d2d2d;
	font-weight: bold;
}
.cssform .reset_contact {
	background: url('images/reset_contact.png') no-repeat 0 4px;
	width: 89px;
	height: 27px;
	border: 0px;
	margin-top: 1px;
	color: #2d2d2d;
	font-weight: bold;
}
.cssform .reset_contact:hover {
	width: 89px;
	height: 27px;
	cursor: pointer;
	background-position: 0 -23px;
	color: #2d2d2d;
	font-weight: bold;
}
.cssform input.inputerror, .cssform textarea.inputerror {
	border: 1px solid #e40d0d;
}

.cssform fieldset{
  padding:5px;
  padding-top:10px;
  padding-bottom:10px;
  margin-top:5px;
  margin-bottom:5px;
  border:1px dotted #ccc;
}



#imgbulle{
  width:162px;
  height:66px;
  background:url('images/bulle.png') no-repeat;
  padding-top:5px;
  color:#FFF;
  text-align:center;
  font-size:.7em;
}

/***** NEWS **/


.news_style{
display:none;
}
.news_show
{

overflow: auto;

}


.news_mark{
background-color:white ;
font: normal 70% "Arial", "Lucida Grande",Verdana,  Sans-Serif;
border: 0px solid gray;
width:361px;
height:35px;
color:black;
text-align:center;
}
.news_title{
font: bold 120% "Arial", "Lucida Grande",Verdana,  Sans-Serif;
border: 0px solid gray;
padding: 5px 0px 9px 5px;
color:black;
}
.news_show img{

margin-left: 5px;
margin-right: 5px;

}
.buttondiv
{
position: absolute;
/*float: left;*/
/*top: 169px;*/
padding: 5px 5px 5px 5px;
/*border-top-color: white;*/
border-top:none;
height:20px;
display:none;
}

.buttondiv img
{
cursor:pointer;
}





.texte_actu{
  font-style: italic;
  text-align: justify;
  margin-top:-25px;
  margin-left:5px;
  font-size: 13px;
}

.auteur
{
  text-align:center;
  font-style:normal;
  font-weight:normal;
  font-size:12px;

}



/*.threepxfix class below:Targets IE6- ONLY. Adds 3 pixel indent for multi-line form contents.to account for 3 pixel bug: http://www.positioniseverything.net/explorer/threepxtest.html*/
* html .threepxfix {
	margin-left: 3px;
}
/*------------------------------------------------left--------------------*/
/*------------------------------------------------body--------------------*/
/*------------------------------------------------bodyBottom--------------------*/
#bottom-accueil {
	width: 965px;
	height: 147px;
	background: #e4e4e4;
	border-top: 1px solid #b1b1b1;
	margin: 0;
	margin-top: 12px;
	padding-left: 13px;
}
#bottom-accueil .mini-home {
	width: 115px;
	height: 131px;
	background: url('images/bg-mini1.png') no-repeat;
	float: left;
	margin-top: 5px;
	margin-left: 6px;
	padding: 6px;
	padding-left: 7px;
	overflow: hidden;
}

#bottom-accueil .mini-home a{
  display:block;
  width: 110px;
	height: 112px;
	filter: alpha(opacity=75);
	-moz-opacity: .75;
	opacity: .75;
	margin-left: 4px;
	margin-top:3px;
	overflow:hidden;
}





#bottom-accueil .mini-home a:hover{
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	opacity:1;
}

#bottom-page {
	width: 967px;
	height: 127px;
	background: #ff9017 url('images/bg-bottom.png') repeat-x;
	margin: 0;
	margin-left:-1px;
	margin-top: 12px;
	padding-left: 13px;
}

#bottom-page #bottom_left{
  width:485px;
  margin-top:11px;
  height:110px;
  border-right:1px dotted #FFF;
  float:left;
}

#bottom-page #bottom_left .liste_bottom{
  height:110px;
  float:left;
}

#bottom-page #bottom_left .liste_bottom .titre_bottom{
  height:24px;
  background : url('images/fleche_h4.png') no-repeat left ;
}


#bottom-page #bottom_left .liste_bottom h4{
  color:#FFF;
  font-size:14px;
  border-bottom:1px dotted #FFF;
  margin:0;
  line-height:20px;
  margin-left:28px;
}

#bottom-page #bottom_left .liste_bottom ul{
  list-style-image: url('images/rightblanc.png') ;
  margin-left:22px;
}

#bottom-page #bottom_left .liste_bottom ul li{
  padding-left:5px;
  margin-bottom:3px;
  line-height:12px;
}

#bottom-page #bottom_left .liste_bottom ul li a{
  font-size:.8em;
  color:#FFF;
  text-decoration:none;
}

#bottom-page #bottom_left .liste_bottom ul li a:hover{
  border-bottom:1px dotted #FFF;
}

#bottom-page #bottom_left{
  width:485px;
  margin-top:11px;
  height:110px;
  border-right:1px dotted #FFF;
  float:left;
}

#bottom-page #bottom_right{
  width:480px;
  height:125px;
  margin-top:5px;
  float:left;
  background: url('images/quote_3.gif') no-repeat;
}

#bottom-page #bottom_right #citation{
  width:420px;
  height:125px;
  color:#FFF;
  font-weight:bold;

  padding-left:30px;
  padding-right:10px;



}


/*------------------------------------------------bodyBottom--------------------*/
/*------------------------------------------------footer--------------------*/
#footer {
	width: 980px;
	height: 124px;
	margin-left:-1px;
	background: url('images/bg-footer.png') 0 0 repeat-x #323232;
	color: #fff;
	position: relative;
	color: #5c5c5b;
	font-size: .7em;
}
#footer a {
	color: #5c5c5b;
	text-decoration: none;
}
#footer a:hover {
	text-decoration: underline;
}
#footer #linkfooter {
	position: absolute;
	top: 45px;
	width: 98%;
	text-align: center;
	margin: 1%;
}
#footer ul {
	width: 587px;
	position: absolute;
	left: 11px;
	top: 20px;
}
#footer ul li {
	float: left;
	color: #d4d4c6;
	background-color: inherit;
	font: normal 11px/19px Tahoma;
}
#footer ul li a {
	color: #D4D4C6;
	background-color: inherit;
	font: normal 11px/19px Tahoma;
	padding: 0 7px;
	text-decoration: none;
}
#footer ul li a:hover {
	color: #D4D4C6;
	text-decoration: underline;
}
#footer #top_btn {
	float: right;
	height: 22px;
	margin-right: 30px;
}
#footer #top_btn a {
	width: 60px;
	height: 22px;
	display: block;
	background: url('images/top.png') no-repeat left bottom;
}
#footer #top_btn a:hover {
	width: 60px;
	height: 30px;
	display: block;
	background: url('images/top.png') no-repeat left bottom;
}
/*------------------------------------------------footer--------------------*/
.littlecarac {
	font-size: 12px;
}
a img {
	border: 0;
}
.center {
	text-align: center;
}
.big1 {
	color: #fc8105;
	font-size: 1.2em;
	font-weight: bold;
}
.big2 {
	font-size: 1.2em;
	font-weight: bold;
}
.big3 {
	color: #fc8105;
	font-size: 1.4em;
	font-weight: bold;
}
.big4 {
	font-size: 1.2em;
	font-weight: bold;
}
a {
	color: #287593;
	text-decoration: underline;
}
a:hover {
	color: #fc8105;
	text-decoration: none;
}




a.link {
	background: url('images/link1.png') no-repeat left top;
	padding-left: 14px;
	height: 10px;
	text-decoration: none;
	color: #287593;
	border-bottom: 1px dotted #287593;
}
a.link:hover {
	text-decoration: none;
	background: url('images/link1.png') no-repeat left bottom;
	padding-left: 14px;
	height: 10px;
	color: #fc8105;
	border-bottom: 1px dotted #fc8105;
}
a.interne1 {
	background: url('images/link1.png') no-repeat left 1px;
	padding-left: 14px;
	height: 10px;
	text-decoration:none;
	border-bottom:1px dotted #287593;
}
a.interne1:hover {
	background: url('images/link1.png') no-repeat left -13px;
	padding-left: 14px;
	height: 10px;
	text-decoration:none;
	border-bottom:1px dotted #fc8105;
}
a.interne2 {
	background: url('images/link2.png') no-repeat left top;
	padding-left: 14px;
	height: 10px;
	border-bottom: 1px dotted #FFF;
	text-decoration: none;
	color: #D8D8D8;
}
a.interne2:hover {
	background: url('images/link2.png') no-repeat left bottom;
	padding-left: 14px;
	height: 10px;
	border-bottom: 1px dotted #FFF;
	text-decoration: none;
	color: #FFF;
}
a.interne3 {
	background: url('images/link3.gif') no-repeat left;
	padding-left: 10px;
	text-decoration: none;
	color: #287593;
}
a.interne3:hover {
	background: url('images/link3.gif') no-repeat left;
	padding-left: 10px;
	border-bottom: 1px dotted #287593;
	text-decoration: none;
	color: #287593;
}
a.externe1 {
	background: url('images/link4.gif') no-repeat left bottom;
	padding-left: 10px;
	height: 10px;
	text-decoration: none;
	color: #fc8105;
}
a.externe1:hover {
	background: url('images/link4.gif') no-repeat left bottom;
	padding-left: 10px;
	height: 10px;
	border-bottom: 1px dotted #fc8105;
	text-decoration: none;
	color: #fc8105;
}
a.externe2 {
	background: url('images/link6.png') no-repeat left top;
	padding-left: 13px;
	height: 10px;
	text-decoration: none;
	color: #287593;
	border-bottom: 1px dotted #287593;
}
a.externe2:hover {
	background: url('images/link6.png') no-repeat left -14px;
	padding-left: 13px;
	height: 10px;
	border-bottom: 1px dotted #fc8105;
	text-decoration: none;
	color: #fc8105;
}
.smallcaps {
	font-variant: small-caps;
}
.gris {
	color: #808080;
}
.gritalic {
	color: #808080;
	font-style: italic;
}
.gritalic strong {
	color: #424242;
	font-style: normal;
}
.orange {
	color: #fc8105;
}

.gras{
  font-weight:bold;
}

.ulgauche{
  margin-left:5px;
  font-style: italic;
}