/* = Styles généraux
-------------------------------------------------------------------------------------------------------------------------*/
body {
	background: #4B0001 url('../images/bg.jpg') no-repeat fixed center top;
	color:#000;
	font-family: Arial, Verdana, Sans;
	font-size: 0.75em;
	line-height: 130%;
	margin:0;
	padding:0;
	text-align: center;
}

a {
	color : #E2001A;
	text-decoration:underline;
}
a:hover {
	text-decoration:none;
}

img {
	border : none;
	vertical-align : middle;
}

select, input {
	vertical-align:middle;
}

input, textarea, select {
	font-family: Arial, Verdana, Sans;
	font-size: 100%;
	border : 1px solid #000;
}

input.submit, input.jforms-submit {
	background : #E2001A;
	color : white;
	border : none;
	border-bottom : 2px solid #BABABA;
	border-right : 2px solid #BABABA;
	padding : 4px;
	font-weight: bold;
	margin: 10px 0 10px 246px;
}
input.jforms-submit.pcenter {
	margin: 10px 0;
	margin: 10px 0 10px 292px;
}

textarea {
	font-family : inherit !important;
}


table {
	font-size: 100%;
	border : none;
	border-collapse: collapse;
}


h1, h2, h3, h4 {
	margin: 0;
	padding: 0;
}
h1 {
	font-size: 160%;
	line-height: 100%;
	float: left;
	text-transform: uppercase;
	font-weight: normal;
	padding:10px 5px 10px 40px;
}
h2 {
	font-size: 200%;
	line-height: 100%;
	background: url('../images/h2-fd.gif') no-repeat left center;
	padding: 0 0 0 22px;
}
h3 {
	font-size: 130%;
	line-height: 100%;
	margin : 20px 0 0 0;
}
h4 {
	font-size: 100%;
	color : #E2001A;
	margin : 10px 0 0px 0;
}

p {
	padding: 4px 0 4px 0;
	margin: 0;
}

ul, ol {
	margin: 0 0 0 45px;
	padding: 3px 0 0 30px;
}

li {
	padding-bottom: 3px;
}

ul {
	list-style-image: url('../images/ul-fd.gif');
}


/* = Conteneur
-------------------------------------------------------------------------------------------------------------------------*/
#container {
	width : 960px;
	margin: 0 auto;
	padding: 0 20px;
	background-color: #FFF;
	text-align: left;
}


/* = En-tête
-------------------------------------------------------------------------------------------------------------------------*/
#header {
	border-bottom: 2px solid #E2001A;
	margin-bottom: 15px;
}
#header.home {
	border-color: #1A171B;
}
#header ul.links {
	padding: 5px 0 10px 0;
	margin: 0;
}
#header ul.links li {
	font-size: 90%;
	line-height: 100%;
	color: #1A171B;
	padding: 0px 4px 0px 5px;
	margin: 0;
	background: url('../images/sep-headerlink.gif') no-repeat left center;
}
#header ul.links li.first {
	padding-left: 0px;
	background: none;
}
#header ul.links li a {
	color: #1A171B;
	text-decoration: none;
}
#header ul.links li a:hover {
	text-decoration: underline;
}
#header ul.links li.on a {
	font-weight: bold;
}
#header .logo img {
	float: left;
	padding: 0 0 10px 30px;
}
#header ul.menu {
	display: inline-block;
	float: right;
	padding: 0;
	margin: 7px 0 0 0;
}
#header ul.menu li {
	display:-moz-inline-box;
	display: inline-block;
	border-left: 1px solid #fff;
	background: #1A171B url('../images/menu-fd.gif') repeat-x left top;
	color: #fff;
}
#header ul.menu li span{
	display:-moz-inline-box;
	display: inline-block;
	background: url('../images/menu-g.gif') no-repeat left top;
}
#header ul.menu li a {
	display:-moz-inline-box;
	display: inline-block;
	padding: 10px 8px 4px 8px;
	color: #fff;
	font-weight: bold;
	background: url('../images/menu-d.gif') no-repeat right top;
	text-decoration: none;
}
#header ul.menu a:hover {
	color: #E5E5E5;
}
#header ul.menu li.on {
	background: #E2001A url('../images/menu-fd-on.gif') repeat-x left top;
}
#header ul.menu li.on span{
	background: url('../images/menu-g-on.gif') no-repeat left top;
}
#header ul.menu li.on a {
	background: url('../images/menu-d-on.gif') no-repeat right top;
}


/* = Contenu accueil
-------------------------------------------------------------------------------------------------------------------------*/
#maincontent.accueil h3 {
	margin: 15px 0 3px 0;
}
/* Bloc du haut : 4 étapes */
#maincontent.accueil .imprimer {
	border-bottom: 1px solid #E5E5E5; 
}
#maincontent.accueil div.etapes {
	float: left;
}
#maincontent.accueil div.etapes img.etapes {
	vertical-align : top;
	padding: 0 5px;
	float: left; 
}
#maincontent.accueil div.etapes ol {
	float: left;
	margin: 0;
	padding: 0;
}
#maincontent.accueil div.etapes ol li {
	display: block;
	list-style: none;
	margin: 0;
	padding: 0 5px 30px 5px;
}
#maincontent.accueil div.etapes ol li.last {
	padding: 0 5px;
}
/* Bloc du haut : devis livre + devis thèse */
#maincontent.accueil div.devis {
	float: left;
	margin: 9px 0 0 0;
	color: #fff;
	background: #E2001A no-repeat left bottom;
	min-height: 202px;
}
#maincontent.accueil div.devis a {
	color: #fff;
}
#maincontent.accueil div.devis .int{
	padding: 8px 20px 10px 50px;
	text-align: center;
}
#maincontent.accueil div.devis p {
	text-align: justify;
}
#maincontent.accueil div.devis ul {
	text-align: left;
	padding: 3px 0 5px 10px;
	margin: 0;
	list-style-image: url('../images/ul-devis-fd.gif');
}
#maincontent.accueil div.devis ul li{
	padding-bottom: 5px;
}
#maincontent.accueil div.livre {
	width: 245px;
	background-image: url('../images/devis-livre-fd.jpg');
}
#maincontent.accueil div.these {
	width: 254px;
	background-image: url('../images/devis-these-fd.jpg');
}

/* Bloc du bas : contact + devis personnalisé */
#maincontent.accueil div.contact {
	float: left;
	width: 220px;
	min-height: 100px;
	text-align: center;
	padding-top: 145px;
	margin-right: 14px;
	background: url('../images/contact-fd.jpg') no-repeat top left;
}
#maincontent.accueil div.contact img {
	margin: 0 0 6px 0;
}

/* Bloc du bas : contact + devis personnalisé*/
#maincontent.accueil div.content {
	float: left;
	width: 230px;
	margin-right: 5px;
}

/* Bloc du bas : Impression Noir et Blanc + Impression Couleur + Façonnages divers + Reliures */
#maincontent.accueil div.savoir_faire .int {
	width: 175px;
	float: left;
	margin: 0 0 0 18px;
	padding: 0 0 0 50px;
	font-size: 90%;
	color: #5D5D5D;
	background: no-repeat 0px 30px;
}
#maincontent.accueil div.savoir_faire h3 {
	color: #E2001A;
}
#maincontent.accueil div.savoir_faire ul {
	padding: 0px 0 0px 10px;
	margin: 0 0 0 20px;
	list-style-image: url('../images/ul-savoir-fd.gif');
}
#maincontent.accueil div.savoir_faire ul li{
	padding-bottom: 0px;
}
#maincontent.accueil div.savoir_faire .nb {
	background-image: url('../images/savoir-nb.gif');
}
#maincontent.accueil div.savoir_faire .coul {
	background-image: url('../images/savoir-coul.gif');
}
#maincontent.accueil div.savoir_faire .diver {
	background-image: url('../images/savoir-diver.gif');
}
#maincontent.accueil div.savoir_faire .reliur {
	background-image: url('../images/savoir-reliur.gif');
}


/* = Contenus commandes livre/thèse
-------------------------------------------------------------------------------------------------------------------------*/
#maincontent.cmd .content {
	float: left;
	width: 705px;
}
#maincontent.cmd .recap {
	float: right;
	width: 250px;
}
#maincontent.cmd .content img {
	/* border: 2px solid #ccc; */
}
#maincontent.cmd .content img.nobord {
	border: none; 
}
#maincontent.cmd .content .choix_cb img {
	margin-right: 15px; 
}
#maincontent.cmd div.etapes {
	padding: 25px 0 0 15px;
	background: url('../images/fleche-vertical-recap.gif') no-repeat;
}
#maincontent.cmd div.etape1 {
	background-position: left 10px;
}
#maincontent.cmd div.etape2 {
	background-position: left 50px;
}
#maincontent.cmd div.etape3 {
	background-position: left 90px;
}
#maincontent.cmd div.etape4 {
	background-position: left 130px;
}
#maincontent.cmd div.etapes ol {
	margin: 0;
	padding: 0;
}
#maincontent.cmd div.etapes ol li {
	list-style:none;
	margin: 0;
	padding: 0 0 20px 0;
}
#maincontent.cmd .recap-cmd {
	margin: 0 0 0 18px;
	background: url('../images/recap-fd.gif') repeat-y left top;
}
#maincontent.cmd .recap_type1 {
	margin: 245px 0 0 18px;
}
#maincontent.cmd .recap_type2 {
	margin: 295px 0 0 18px;
}
#maincontent.cmd .recap-cmd .int {
	background: url('../images/recap-fd-h.gif') no-repeat left top;
}
#maincontent.cmd .recap-cmd .int2 {
	background: url('../images/recap-fd-m.gif') no-repeat left bottom;
	padding: 20px 20px 15px 20px;
}
#maincontent.cmd .recap-cmd h3 {
	margin: 0 0 10px 0;
	float: left;
}
#maincontent.cmd .recap-cmd ul  {
	margin: 0 0 10px 0;
	padding: 10px 0 5px 10px;
	list-style-image: none;
	font-size: 90%;
	border-top: 1px solid #E5E5E5;
	border-bottom: 1px solid #E5E5E5;
}
#maincontent.cmd .recap-cmd ul li {
	padding-bottom: 5px;
}
#maincontent.cmd .recap-cmd ul span {
	color: #E2001A;
}
#maincontent.cmd .recap-cmd #total_cmd {
	text-align: right;
	color: #E2001A;
}
#maincontent.cmd .recap-cmd #total_cmd span {
	font-size: 130%;
	font-weight: bold;
}
#maincontent.cmd .recap-cmd #total_cmd2 {
	font-weight: bold;
}
#maincontent.cmd .recap-cmd #frais_port {
	margin: 5px 0;
	font-size: 90%;
}
#maincontent.cmd .recap-cmd #frais_port span.prix, #maincontent.cmd .recap-cmd #net_a_payer span {
	color: #E2001A;
}
#maincontent.cmd .recap-cmd #net_a_payer {
	font-weight: bold;
}
#maincontent.cmd .recap-cmd .submit-cmd {
	text-align: center;
	padding: 7px 0;
	background: #E2001A url('../images/recap-fd-b.gif') no-repeat left bottom;
}
#maincontent.cmd .recap-cmd .submit-cmd input {
	border: none;
	font-weight: bold;
	color: #fff;
}

/* = Contenus principaux
-------------------------------------------------------------------------------------------------------------------------*/
#maincontent.main {
	background: url('../images/sep-maincontent.gif') repeat-y 710px top;
}
#maincontent.main .content {
	float: left;
	width: 670px;
}
#maincontent.main .imprimer {
	float: right;
	width: 220px;
}
#maincontent.main .content img {
	/* border: 2px solid #ccc; */
}
#maincontent.main .content img.nobord {
	border: none; 
}
#maincontent.main div.etapes ol {
	margin: 0;
	padding: 0 0 15px 0;
}
#maincontent.main div.etapes ol li {
	list-style:none;
	margin: 0;
	padding: 0 0 8px 0;
}
#maincontent.main div.devis {
	padding: 0 0 10px 18px;
}

/* = Formulaires
-------------------------------------------------------------------------------------------------------------------------*/
#maincontent .encadre {
	margin: 20px 0 0 0;
	background: url('../images/form-fd.gif') repeat-y left top;
}
#maincontent .encadre .int {
	background: url('../images/form-fd-h.gif') no-repeat left top;
}
#maincontent .encadre .int2 {
	background: url('../images/form-fd-b.gif') no-repeat left bottom;
	padding: 20px 40px 20px 20px;
}
#maincontent .encadre h3 {
	color : #5D5D5D;
	margin: 0 0 15px 0;
}
#maincontent .encadre table {
	width: 100%;
}
#maincontent .encadre tr {
	border-bottom: 10px solid #fafafa;
	/* background : #F4F4F4; */
	background : #E9E9E9;
}
#maincontent .encadre tr.clrbis {
	background : #fafafa;
}
#maincontent .encadre th {
	width: 270px;
	color : #5D5D5D;
	padding : 8px 8px 8px 35px;
}
#maincontent .encadre th .indic, #maincontent .encadre span.indic {
	font-weight: normal;
	font-size: 90%;
}
#maincontent .encadre td .indic {
	color : #5D5D5D;
	font-size: 90%;
	font-style: italic;
}
#maincontent .encadre td {
	padding : 5px;
}
#maincontent .encadre input, #maincontent.cmd .encadre select {
	text-align: center;
	border: 1px solid #E4E3E3;
}
#maincontent .encadre textarea {
	border: 1px solid #E4E3E3;
}
#maincontent .encadre span.jforms-error {
	font-size: 90%;
	font-style:normal;
	margin: -8px 0 0 160px;
	padding: 8px 40px 20px 0;
	position: absolute;
	/*left : 649px;*/
	background: url('../images/error-fd.gif') no-repeat center right;
}
#maincontent .encadre span.jforms-radio {
	margin-right: 15px;
}

/* = Adresse
-------------------------------------------------------------------------------------------------------------------------*/
#address {
	padding: 25px 0 10px 0;
	color: #5D5D5D;
	text-align: center;
	border-bottom: 4px solid #E2001A;
}


/* = Pied de page
-------------------------------------------------------------------------------------------------------------------------*/
#footer, #footer a {
	color: #5D5D5D;
}
#footer #baseline {
	padding: 0 0 10px 0;
	margin: 0 0 10px 0;
	font-size: 90%;
	border-bottom: 1px solid #E5E5E5;
}
#footer #baseline p {
	padding: 10px 0 0 0;
	margin: 0;
}
#footer ul.links {
	padding : 0;
	margin: 0;
	float: left;
}
#footer ul.links li {
	padding : 2px 10px 2px 11px;
	margin: 0;
	background: url('../images/sep-footerlink.gif') no-repeat left center;
}
#footer ul.links li.first {
	padding-left: 0px;
	background: none;
}
#footer ul.links li a {
	text-decoration: none;
}
#footer ul.links li a:hover {
	text-decoration: underline;
}
#footer ul.links li.on a {
	font-weight: bold;
}
#footer #copyright {
	text-align: right;
	padding: 0 0 15px 0;
}


/* = Autres styles
-------------------------------------------------------------------------------------------------------------------------*/
ul.inline li {
	display:inline;
}
ul.plan-site {
	margin: 30px 0 0 100px;
}
img.imgleft {
    float: left;
	margin: 0 20px 15px 0;
}
img.imgright {
    float: right;
	margin: 0 0 20px 15px;
}
.texte p, .texte li {
	text-align: justify;
}
.texte p.pleft, #baseline p.pleft {
    text-align: left;
}
.texte p.pright, #baseline p.pright {
    text-align: right;
}
.texte p.pcenter, #baseline p.pcenter {
    text-align: center;
}


.cache {
	display:none;
}

.clear {
	clear:both;
}

.msgok, .msgko, .msgwarn {
	background : #ee9;
	border : 1px dashed green;
	color : green;
	padding : 12px 8px 12px 40px;
	margin : 8px 30px;
}

.msgok {
	background : url('../images/check.png') no-repeat 5px 5px;
}

.msgko {
	border-color : #E2001A;
	color : #E2001A;
	background : url('../images/error.png') no-repeat 5px 5px;
}

.msgwarn {
	border-color : #ff9900;
	color : #ff9900;
	background : url('../images/warn.png') no-repeat 5px 5px;
}