/* --------------------------------------------------------
    Main stylesheet
    Site: Gestion AF
    Created by: Stéphanie Léveillé - stephanie.leveille@leonarddg.com
    Filename: main.css
   -------------------------------------------------------- */
   
/* --------------------------------------------------------
    COLORS
    Rouge:      #8c332d
    Bleu-gris   #3b4953
   -------------------------------------------------------- */

@import url('menu.css');
@import url('titres.css');

* {
	border: 0;
	margin: 0;
	padding: 0;
}

:focus { outline: none;}

body {
	background: #fff;
	color: #3b4953;
	font: 62.5% Verdana, Arial, Helvetica, Tahoma, sans-serif;
}

.last { background-image: none !important; }

.error { color: red; }

/* --------------->>> structure <<<---------------*/
#container {
	font-size: 1.1em;
	margin: 0 auto;
	width: 747px;
}

#header {
	height: 298px;
	position: relative;
	width: 747px;
}

#attentePage #header { background: url(../images/bandeauMiseAttente.jpg) no-repeat; }
#gestionPage #header { background: url(../images/bandeauGestionEvenements.jpg) no-repeat; }
#mediaPage #header { background: url(../images/bandeauPlacementMedia.jpg) no-repeat; }

form.soumettre input { 
	border: 1px solid #c0c0c0;
}
form.soumettre textarea { 
	border: 1px solid #c0c0c0;
}
form.soumettre fieldset {
  margin: 0 0 10px 0;
  padding: 0;
}
* html form.soumettre label {
  display: inline-block;
  line-height: 1.8em;
  vertical-align: top;
}
form.soumettre label {
  display: -moz-inline-box;
  line-height: 1.8em;
  vertical-align: top;
}
form.soumettre fieldset ol {
  margin: 0 !important;
  padding: 0;
}
form.soumettre fieldset li {
  list-style: none;
  padding: 5px 5px 5px 0 !important;
  margin: 0;
}
form.soumettre fieldset fieldset {
  border: none;
  margin: 3px 0 0 0;
}
form.soumettre fieldset fieldset legend {
  padding: 0 0 2px 0 !important;
  font-weight: normal;
  margin: 0 !important;
}
form.soumettre fieldset fieldset label {
  display: block;
  width: auto;
}
form.soumettre label {
  width: 140px; /* Width of labels */
}
.input {
  width: 200px; /* Width of labels */
}
.aRight {
	text-align: right;
	margin-right: 27px;
}
.inputServices {
	width: 340px;
	margin-top: 10px;
}
.radio {
	margin-left: 140px !important;
}

#mainContent {
	background: url(../images/backContentInt.gif) repeat-y;
	margin: 2px 0 0 0;
	position: relative;
	width: 747px;
}

#mainContent #backTop {
	background: url(../images/backTopContentInt.gif) no-repeat;
	height: 71px;
	position: absolute;
	width: 747px;
}

#mainContent #backBottom {
	background: url(../images/backBottomContentInt.gif) no-repeat;
	bottom: 0;
	height: 70px;
	position: absolute;
	width: 747px;
}

#mainContent #content { 
	padding: 30px 20px;
	position: relative; 
}

#contentLeft {
	display: inline;
	float: left;
	margin: 0 25px 0 0;
	width: 480px;
}

* html #contentLeft { margin: 0 19px 0 0; }

#contentRight {
	float: left;
	width: 199px;
}

#breadcrumb { margin: 0 !important; }
#breadcrumb li {
	display: inline;
	font-size: 0.9em;
}
#breadcrumb li a { color: #3b4953; }

#soumission {
	background: url(../images/backSoumission.gif) no-repeat;
	height: 108px;
	margin: 0 0 20px;
	position: relative;
	overflow: hidden;
	width: 199px;
}

#infolettre {
	background: url(../images/backInfolettre.gif) no-repeat;
	height: 101px;
	overflow: hidden;
	width: 199px;
}

#soumission h4, #infolettre h4 { text-indent: -1000px; }
#soumission p {
	font-size: 0.9em;
	margin: 35px 10px 0 20px;
}

#soumission a {
	background: url(../images/fleche.gif) no-repeat;
	bottom: 10px;
	display: block;
	height: 20px;
	position: absolute;
	right: 10px;
	width: 14px;
}

#infolettre label {
	display: block;
	font-size: 0.9em;
	margin: 20px 10px 0 20px;
}

#inputInfolettre {
	border: 1px solid #ccc;
	color: #3b4953;
	float: left;
	font: 10px Verdana, Arial, Helvetica, Tahoma, sans-serif;
	margin: 5px 5px 0 20px;
	padding: 3px;
	width: 145px;
}

#inputSubmit { margin-top: 5px; }

#footer {
	background: url(../images/backFooter.gif) no-repeat;
	font-size: 0.9em;
	margin-top: 2px;
	width: 747px;
}

#realisations a {
	background: url(../images/icon_leonard.gif) no-repeat;
	display: block;
	float: right;
	margin: 15px 0 0 0;
	height: 12px;
	width: 54px;
}

/* ----------------->>> texte <<<-----------------*/
h1 a {
	background: url(../images/logo-prestige.png) no-repeat        !important;
	background: none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=image, src='/images/logo-prestige.png');
	display: block;
	height: 111px;
	left: 0;
	position: absolute;
	text-indent: -1000px;
	top: 20px;
	width: 230px;
}

h3 {
	color: #8c332d;
	font-size: 1em;
	margin: 0 0 1em;
}
p, ul, ol { padding: 0 0 1.4em; }

a { color: #3b4953; }

#content ul, #content ol { margin: 0 0 0 20px; }

ul.plan li { padding: 0 0 5px; }
ul.plan ul { padding: 5px 0 0; list-style: disc; }

/* ----------------->>> other <<<------------------*/


.clearfix:after, form li:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix, form li {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */