/* CSS Document */

* {
	margin:0;
	padding:0;
}

html, body, form, fieldset, p, li, input, textarea, a, button, select {
	font-family:Arial, Helvetica, sans-serif;
}

body {
	margin:0;
	font-size:100%;
	color:#0d1a3c;
	background:#96dafb url(../images/motif_1.gif) repeat scroll center center;
}

h1, h2, h3, h4, h5, h6, ul, ol {
	margin:0;
	font-size:120%;
	font-weight:normal;
}

img {
	border:0;
}

a {
	text-decoration:none;
	color:#2c7090;
}

a:hover {
	text-decoration:underline;
}

#main {
	margin:0 auto;
	width:630px;
}

#content {
	background-color:#FFF;
}

.wrap {
	display:block;
	overflow:hidden;
}

.colLeft {
	float:left;
}

.colRight {
	float:right;
}

.colCenter {
	margin: auto;
}

.center {
	text-align:center;
}

.left {
	text-align:left;
}

.right {
	text-align:right;
}

.invisible {
	display:none;
}

.pIndex {
	padding:15px;
	color:#0d1a3c;
	font-size:13px;
}

#content {
	padding:25px;
	font-size:80%;
}

.titre {
	margin-bottom:25px;
}

.chapo {
	display:block;
	overflow:hidden;
	background:transparent url(../images/motif_3.gif) repeat-x scroll center bottom;
	padding-bottom: 25px;
	margin-bottom:25px;
}

.color_blanc {
	color:#ffffff;
}

.color_bleuClair {
	color:#1e7b9e;
}

.color_bleuMoyen {
	color:#5d788d;
}

.color_bleuFonce {
	color:#395163;
}

.color_yaca {
	color:#0d1a3c;
	font-weight:bold;
}

.color_tv {
	color:#1e7b9e;
	font-weight:bold;
}
div.h1-1 h1 {
	width: 200px;height: 52px;background-image: url(/images/bt_filmsdemo-1.gif);overflow: hidden;text-indent: -9999px;
	cursor:pointer;
}
div.h1-2 h1 {
	width: 200px;height: 52px;background-image: url('/images/bt_filmsdemo-2.gif');overflow: hidden;text-indent: -9999px;
	cursor:pointer;
}
h2 {
	font-size:100%;
	color:#1e7b9e;
	font-weight:bold;
	border-bottom:1px solid #1e7b9e;
	padding-bottom:10px;
	margin-bottom:10px;
}

h3 {
	font-size:100%;
	color:#1e7b9e;
	margin-bottom:10px;
}

p {
	margin-bottom:20px;
}

.puce_fleche {
	list-style:none;
	background:transparent url(../images/puce-fleche.gif) no-repeat scroll 0 6px;
	padding:0 0 5px 15px;
	font-size:85%;
}

.puce_plus {
	list-style:none;
	background:transparent url(../images/puce-plus.gif) no-repeat scroll 0 6px;
	padding:0 0 5px 15px;
	font-size:85%;
}

.puce_aucune {
	list-style:none;
	padding:0 0 5px 0;
}

#content-index {
	background:#FFF;
}

.bt_devis-express {
	display:block;
	overflow:hidden;
	height:62px;
}

.bt_devis-express a {
	display:block;
	width:104px;
	height:62px;
	background:transparent url(../images/bt_devis-express.gif) no-repeat scroll 0 0;
}

.bt_devis-express a:hover {
	background:transparent url(../images/bt_devis-express.gif) no-repeat scroll 0 -64px;
}

/************************************
  CSS - HEADER
************************************/
#header a {
	color:#2c7090;
}

#header .colLeft {
	width: 226px;
	height: 82px;
	background:transparent url(../images/header_colLeft-fond.gif) no-repeat scroll 0 bottom;
	color:#2c7090;
	font-size:80%;
	padding-top:54px;
}

#header .colRight {
	width: 226px;
	height: 102px;
	background:transparent url(../images/header_colRight-fond.gif) no-repeat scroll 0 bottom;
	padding-top:34px;
}

.fil-d-ariane {
	font-size: 75%;
	margin-bottom:10px;
}

.fil-d-ariane a {
	color:#1e7b9e;
	text-decoration:none;
}

.fil-d-ariane a:hover {
	text-decoration:underline;
}

/************************************
  CSS - NAVHOR
************************************/
#navhor {
	display:block;
	overflow:hidden;
	width:100%;
	height:47px;
	background:transparent url(../images/navhor_fond.gif) repeat-x scroll 0 0;
}

#navhor ul {
	display:inline;
	list-style:none;
}

#navhor li {
	float:left;
}

.navhor_1 a {
	display: block;
	width:128px;
	height:31px;
	background: transparent url(../images/navhor_accueil.gif) no-repeat scroll 0 0;
}

.navhor_1 a:hover {
	background: transparent url(../images/navhor_accueil.gif) no-repeat scroll 0 -33px;
}

.navhor_2 a {
	display: block;
	width:126px;
	height:31px;
	background: transparent url(../images/navhor_societe.gif) no-repeat scroll 0 0;
}

.navhor_2 a:hover {
	background: transparent url(../images/navhor_societe.gif) no-repeat scroll 0 -33px;
}

.navhor_3 a {
	display: block;
	width:126px;
	height:31px;
	background: transparent url(../images/navhor_catalogue.gif) no-repeat scroll 0 0;
}

.navhor_3 a:hover {
	background: transparent url(../images/navhor_catalogue.gif) no-repeat scroll 0 -33px;
}

.navhor_4 a {
	display: block;
	width:126px;
	height:31px;
	background: transparent url(../images/navhor_references.gif) no-repeat scroll 0 0;
}

.navhor_4 a:hover {
	background: transparent url(../images/navhor_references.gif) no-repeat scroll 0 -33px;
}

.navhor_5 a {
	display: block;
	width:124px;
	height:31px;
	background: transparent url(../images/navhor_contact.gif) no-repeat scroll 0 0;
}

.navhor_5 a:hover {
	background: transparent url(../images/navhor_contact.gif) no-repeat scroll 0 -33px;
}

/************************************
  CSS - FILMS DEMO
************************************/
#filmsdemo {
	display:block;
	overflow:hidden;
	width:100%;
	margin-top:3px;
	padding:5px 0 10px 0;
	background-color: #FFF;
	font-size:55%;
	line-height:140%;
	color:#395163;
}

#filmsdemo ul {
	display:inline;
	list-style:none;
}

#filmsdemo li {
	float:left;
	width:210px;
	text-align:center;
}

#filmsdemo .description {
	padding:0 15px;
	text-align:left;
}

/************************************
  CSS - FOOTER
************************************/
#footer {
	display:block;
	overflow:hidden;
	width:100%;
	background: transparent url(../images/footer_fond.gif) no-repeat scroll center top;
	padding-top:5px;
}

#footer .agences {
	display:block;
	overflow:hidden;
	width:100%;
	height:44px;
	font-size:70%;
}

#footer .agences ul {
	list-style:none;
	margin:3px 0 0 50px;
}

#footer .agences li {
	display:inline;
	float:left;
	background: transparent url(../images/puce_ligne-verticale.gif) no-repeat scroll 0 3px;
	padding:0px 40px 0 18px;
	margin: 3px 0;
}

#footer .navigation {
	font-size:90%;
	color:#2c7090;
	text-align:center;
	margin:25px auto 3px auto;
}

#footer .signature {
	font-size:70%;
	color:#2c7090;
	text-align:center;
	margin-bottom:30px;
}

#footer a {
	color:#2c7090;
}

/************************************
  CSS - CONTACT
************************************/
.coordonnees {
	display:bloc;
	overflow:hidden;
	background:transparent url(../images/motif_3.gif) repeat-x scroll center bottom;
	padding-bottom: 15px;
	margin-bottom:15px;
	font-size:90%;
}

.coordonnees ul {
	display:block;
	list-style:none;
}

.coordonnees li {
	display:inline;
	float:left;
	padding:0px 40px 0 35px;
	margin: 10px 0;
}

.coordonnees .adresse {
	background:transparent url(../images/picto_adresse.gif) no-repeat scroll 0 0;
	min-height:27px;
	width: 160px;
}

.coordonnees .tel {
	background:transparent url(../images/picto_tel.gif) no-repeat scroll 0 0;
	min-height:27px;
}

.formulaire {
	color:#069;
}

.formulaire .colLeft {
	margin-right:20px;
}

.formulaire p {
	margin-bottom:10px;
}

.fielderror {
	color: red;
	font-weight:bold;
}

.delais {
	display:block;
	overflow:hidden;
	margin:15px 0 10px 0;
}

.delais p {
	float:left;
	margin-right:5px;
}

.delais ul {
	display:inline;
	list-style:none;
}

.delais li {
	float:left;
	font-size:85%;
	margin-right:15px;
}

/************************************
  CSS - CATALOGUE FICHE
************************************/
#catalogue-fiche .chapo .colCenter {
	text-align:right;
}

#catalogue-fiche .chapo .colRight {
	text-align:right;
	padding:30px 0 0 20px;
}

#catalogue-fiche .wrap .colLeft {
	width:176px;
	margin-right:25px;
}

#catalogue-fiche .wrap .colRight {
	width:176px;
}

#catalogue-fiche .wrap .colCenter {
	width:176px;
}