* {
list-style:none;
margin:0;
padding:0;
}

html {
font-size:60%;
}

body {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #2F4F4F;
	background: #ECECEC url(images/subMain5.gif) repeat-x top;
}

#wrapper {
	
}
#contenair {
	width: 99em;
	overflow: hidden;
	margin: 1em auto;
	padding: 1em;
	background: #FFF;
	border: 0.01em solid #F0F0F0;
	-webkit-border-radius: 0.5em;
	-moz-border-radius: 0.5em;
	border-radius: 0.5em;
	box-shadow: 0 5px 5px  #CCC;
	-moz-box-shadow: 0 5px 5px #CCC;
	-webkit-box-shadow: 0 5px 5px #CCC;
}

h1 {
font-size:1.2em;
font-weight:lighter;
}

h2 {
font-size:1.1em;
font-weight:lighter;
}

p {
	margin: 0.8em auto;
}

.cap1 {
font-size:2.2em;
font-weight:400;
line-height:100%;
}

.cap2 {
font-size:1.5em;
font-weight:400;
line-height:100%;
}
.titre{
	font-size: 2em;
	height: 3em;
	line-height: 3em;
	text-align: center;
	color: #2F4F4F;
}
.centre {
text-align:center;
}
#entete {
	height: 135px;
	width: 99em;
	overflow:hidden;
	margin: 1em auto;
	margin-bottom:1em;
	padding: 1em;
	text-align: center;
}

#entete p {
margin-top:-0.5em;
margin-bottom:2em;
font-size:1.3em;
font-weight:bolder;
}

#logo {
height:80px;
width:100%;
display:block;
outline:none;
text-decoration:none;
background:url(images/logoE2.jpg) no-repeat center;
}
#logo a{
	visibility:hidden;
}

#main,#secondmain {
	color: #2F4F4F;
	clear: both;
}

#main h1 {
text-align:center;
font-size:2.8em;
height:5em;
line-height:5em;
}

#secondmain {
height:30em;
margin-top:5em;
}

#main ul,#secondmain ul {
margin-bottom:1em;
}

#main li,#secondmain li {
list-style-type:square;
text-decoration:none;
color:#2F4F4F;
margin:0.5em 2em;
padding:0;
}

#main li p,#secondmain li p {
text-decoration:none;
color:#2F4F4F;
margin:0;
padding:0;
}

#subMain,#subMain2{
	float:right;
	width:30em;
}
#subMain{
	padding-top:1.6em;
}
#subMain2{
	padding-top:4em;
}
#subMain h2,#subMain2 h2,.subMainleft h1,.subMainlarge h1 {
	text-align: center;
	color: #2F4F4F;
	font-size: 1.8em;
	padding: 0.5em;
}

#subMain h2.offre {
color:#0071AD;
display:block;
height:45px;
padding-left:1.5em;
background:url(images/01.jpg) no-repeat 5px 10px;
}

#subMain h2.capsule {
text-align:center;
color: #2F4F4F;
font-size:1.8em;
}
#subMain h3{
	margin-top:1.2em;
}

#subMain ul,#subMain2 ul {
list-style-type:square;
text-decoration:none;
color:#d98a2d;
font-size:1.3em;
margin:0 1.5em;
}

#subMain a.plus,#subMain2 a.plus {
text-decoration:none;
font-size:1.1em;
margin-left:8em;
color:#d98a2d;
}

#subMain p,#subMain2 p {
color:#d98a2d;
font-size:1.4em;
padding:0 0 0 1.1em;
}

.subMainleft {
	float: left;
	width: 67em;
	margin: 1em 0 10em 0;
}

.subMainlarge {
	width: 95em;
	overflow: hidden;
	min-height:25em;
	margin: 1em auto 2em;
	padding: 1em;
	background:#FFFAFA;
border:0.1em solid #F0F0F0;
border-radius:0.6em;
-moz-border-radius:0.6em;
-webkit-border-radius:0.6em;
box-shadow:0 4px 5px rgba(0, 0, 0, .2);
-moz-box-shadow:0 4px 5px rgba(0, 0, 0, .2);
-webkit-box-shadow:0 4px 5px rgba(0, 0, 0, .2);
}
.subMainlarge h4 {
clear:both;
font-size:1.7em;
text-align:left;
border-left:2em solid #646464;
background:#F0F0F0;
margin:4em 0 0.5em;
padding:0.5em 0 0.5em 2em;
}

.subMainlarge ul {
font-size:1.2em;
}

.subnav,.subnavdeb {
float:left;
width:20.7em;
text-align:center;
border:0.1em solid #FFF;
}
.subnav{
	margin-left:0.8em;
}
.subnav:hover,.subnavdeb:hover {
	border:0.1em solid #F0F0F0;
	border-radius:0.6em;
-moz-border-radius:0.6em;
-webkit-border-radius:0.6em;
}

.subnavmain {
	float: left;
	width: 65em;
	min-height: 25em;
	text-align: left;
	margin: 2em 0 2em 0.5em;
	padding: 0.5em;
	padding-bottom: 2em;
	background: #FFFAFA;
	border: 0.1em solid #F0F0F0;
	border-radius: 0.6em;
	-moz-border-radius: 0.6em;
	-webkit-border-radius: 0.6em;
	/*box-shadow: 0 4px 5px rgba(0, 0, 0, .2);
	-moz-box-shadow: 0 4px 5px rgba(0, 0, 0, .2);
	-webkit-box-shadow: 0 4px 5px rgba(0, 0, 0, .2);*/
	box-shadow: 0 4px 5px rgba(0, 0, 0, .2);
	-moz-box-shadow: 0 4px 5px rgba(0, 0, 0, .2);
	-webkit-box-shadow: 0px 2px 2px rgba(0, .1, 0, .2);
}
/*hack i.e  !!*/
* html .subnavmain{
	height:25em;
}
.subnavmain h3,.subMainlarge h3 {
font-size:1.5em;
font-weight:400;
line-height:150%;
padding:0.5em 0.5em 0.5em 0;
}

.subnavmain ul {
font-size:1.3em;
margin-left:18em;
}

.subnavmain ul.mat {
margin-left:1em;
}

.subnavmain li {
	list-style-image: url(images/ok.png);
}

.subnavmain img {
margin-top:4em;
padding:0 1em 3em 0;
}

.subnav h2 a,.subnavdeb h2 a {
	font-size: 2em;
	text-align: center;
	height: 4em;
	line-height: 4em;
	color:#2F4F4F;
	text-decoration:none;
}

.subnav img,.subnavdeb img {
border:none;
margin:5em auto;

}

div.intro,div.premier{
	width: 100em;
	overflow: hidden;
	margin: 1em auto;
	height: 210px;
	border: 0.01em solid #F0F0F0;
	-webkit-border-radius: 0.5em;
	-moz-border-radius: 0.5em;
	border-radius: 0.5em;
	box-shadow: 0 8px 15px  #CCC;
	-moz-box-shadow: 0 8px 15px #CCC;
	-webkit-box-shadow: 0 8px 15px #CCC;
}

div.subintro {
	width: 100em;
	height: 8em;
	background: url(images/download.jpg) no-repeat 65em 15px;
	margin: 1em auto;
	padding:0px;
}
div.subintro h1{
	position:relative;
	font-size:2em;
	width:25em;
	top:1.5em;
	left:5em;
	overflow:hidden;
}

div.subintro p{
	position:relative;
	width:25em;
	top:-3em;
	left:35em;
	overflow:hidden;
	}
div.subintro a {
	position: relative;
	width:25em;
	top:-1.6em;
	left:48.5em;
	overflow:hidden;
	color:#d98a2d;
	font-size:1.5em;
	text-decoration:none;
}
/* hack opera, en attendant mieux :( */
noindex:-o-prefocus, div.subintro a {left:52em;}

.decointro {
background:url(images/deco-salon6b.jpg) no-repeat center;
}

.decosaphyr {
background:url(images/deco-crystone.jpg) no-repeat center;
}

.deco-office {
background:url(images/deco-Office3.jpg) no-repeat center;
}

.deco-materiel {
background:url(images/deco-materiel3.jpg) no-repeat center;
}

.deco-assistance {
background:url(images/deco-assistance.jpg) no-repeat center;
}

.deco-contact-message {
background:url(images/deco-contact-message.jpg) no-repeat left;
}

.image {
	border: none;
	text-align: center;
	padding: 0.5em;
}

.image-centre {
position:relative;
left:25%;
padding:0.5em;
}

.image-gauche {
float:left;
border:none;
margin-right:1em;
}


.image-droite {
float:right;
border:none;
padding:0.5em;
}
.cartouche {
	clear: both;
	overflow: hidden;
	text-align: center;
	color: #2F4F4F;
	font-size: 2em;
	padding: 0.5em;
	background: #FFF;
	border: 0.1em solid #F0F0F0;
}
.cadre {
display:block;
width:auto;
height:22em;
overflow:auto;
background:#FFFAFA;
border:0.1em solid #F0F0F0;
border-radius:0.6em;
-moz-border-radius:0.6em;
-webkit-border-radius:0.6em;
box-shadow:0 4px 5px rgba(0, 0, 0, .2);
-moz-box-shadow:0 4px 5px rgba(0, 0, 0, .2);
-webkit-box-shadow:0 4px 5px rgba(0, 0, 0, .2);
}

.cadre p,.cadre ul {
	text-align: left;
	font-size: 1.3em;
	padding: 0.3em 0.3em 0.3em 0.5em;
}

.up {
clear:both;
float:right;
display:block;
width:10em;
line-height:100%;
background:url(images/btn-up3.jpg) no-repeat top right;
margin:5em auto 0.5em 1em;
padding:10px 10px 5px 0;
}

.valid {
border:none;
float:right;
height:21px;
width:61px;
padding-left:10px;
margin:-1.5em 2em 2em 0;
}

.plus {
display:block;
height:20px;
background:url(images/Add.jpg) no-repeat left center;
padding:1.5em 1em 1em 42px;

}

.mail ,.pilote {
display:block;
height:32px;
text-align:left;
font-size:1.4em;
font-weight:bolder;
background:url(images/Mail.jpg) no-repeat left center;
padding:0.5em 0.5em 0.5em 42px;
}
.mail{
	line-height:32px;
}
.pilote{
background:url(images/Driver.jpg) no-repeat left top;
}

.ancienpilote {
display:block;
height:10px;
text-align:left;
font-size:1em;
font-weight:bolder;
}


.clear {
clear:both;
overflow:hidden;
margin:0 0 1.5em 6em;
}

.clearmenu {
overflow:hidden;
margin:1em 0 0.5em 6em;
}

#menu {
clear:both;
padding-left:20em;
}

a.bouton {
background:transparent url(images/bg_button_a.gif) no-repeat scroll top right;
color:#444;
display:block;
border:none;
float:left;
font:normal 12px arial, sans-serif;
height:24px;
margin-right:6px;
padding-right:18px;
text-decoration:none;
text-shadow: 0px 1px 1px #fff;
}

a.bouton span {
background:transparent url(images/bg_button_span.gif) no-repeat;
display:block;
line-height:14px;
padding:5px 0 5px 18px;
}

a.bouton#actif{
background-position:bottom right;
color:#ccc;
outline:none;

}

a.bouton#actif span {
background-position:bottom left;
padding:6px 0 4px 18px;
}
a.bouton:hover{
	color:#0071AD;
}
/* pagination */
.pagination{
text-align:center;
padding: 2px;
}

.pagination ul{
margin: 0;
padding: 0;
text-align: center; 
font-size: 1.3em;
}

.pagination li{
list-style-type: none;
display: inline;
padding-bottom: 1px;
}

.pagination a, .pagination a:visited{
	padding: 0 2px;
	text-decoration: none;
	color: #000;
}

.pagination a:hover, .pagination a:active{
color:#0071AD;
}

.pagination a.currentpage{
color: #CCC;
cursor: default;
}

.pagination a.disablelink, .pagination a.disablelink:hover{
visibility:hidden;
}

.pagination a.prevnext{
font-weight: normal;
}
/***************/

div#onglet {
	width: 45em;
	margin: 1em auto;
	padding: 0;
	font-size:1.2em;
	line-height:normal;
}
* html div#onglet {
	margin-bottom:-0.8em;
}
	
div#ongletdoc {
height:2em;
font-size:1.2em;
line-height:normal;
margin-left:14em;
}
* html div#ongletdoc {
	margin-bottom:-0.8em;
}

div#onglet ul,div#ongletdoc ul {
list-style:none;
margin:0;
padding:10px 10px 0 0;
}

div#onglet li,div#ongletdoc li {
display:inline;
margin:0;
padding:0;
}

div#onglet a,div#ongletdoc a {
float:left;
background:url(images/tableft5.gif) no-repeat left top;
text-decoration:none;
margin:0;
padding:0 0 0 4px;
}

div#onglet a span,div#ongletdoc a span {
display:block;
background:url(images/tabright5.gif) no-repeat right top;
color:#FFF;
float:none;
padding:5px 15px 4px 6px;
}

div#onglet a:hover span,div#ongletdoc a:hover span {
color:#FFF;
background-position:100% -42px;
}

div#onglet #current a span,div#ongletdoc #current a span {
background-position:100% -42px;
box-shadow:0 4px 5px rgba(0, 0, 0, .2);
-moz-box-shadow:0 4px 5px rgba(0, 0, 0, .2);
-webkit-box-shadow:0 4px 5px rgba(0, 0, 0, .2);
}
div#onglet a:hover,div#ongletdoc a:hover,div#onglet #current a,div#ongletdoc #current a {
background-position:0 -42px;
}

#pied {
clear:both;
height:100px;
width: 98em;
margin: 1em auto;
}

#pied p {
font-size:1em;
text-align:center;
color:#684E2B;
}

#navpied {
height:10px;
text-align:center;
border-bottom:0.01em solid #F0F0F0;
padding:1em 0;
}

#navpied ul {
margin-left:32%;
}

#navpied li {
float:left;
display:block;
padding-left:1em;
font-size:1.2em;
}

#navpied li a {
color:#708090;
text-decoration:none;
}

#navpied li a:hover,#navpied li #active {
background:url(../images/up.gif) no-repeat center 15px;
color:#F90;
}

div.box {
height:700px;
width:600px;
text-align:left;
border:0.01em solid #EEE;
color:#333;
background:#FFFAFA;
box-shadow:0 1px 1px rgba(0, 0, 0, .2);
border-radius:1.6em;
-moz-border-radius:1.6em;
-moz-box-shadow:0 1px 1px rgba(0, 0, 0, .2);
-webkit-border-radius:1.6em;
-webkit-box-shadow:0 1px 1px rgba(0, 0, 0, .2);
margin:2em auto 0;
padding:0.5em;
}

div.box h2 {
text-align:center;
font-size:2em;
font-weight:400;
color:#404040;
background:#F0F0F0;
border-radius:0.6em;
-webkit-border-radius:0.6em;
-moz-border-radius:0.6em;
padding:0.5em;
margin-top:0.25em;
}

div.box legend {
	color: #000;
	display: block;
	text-align: center;
	font-style: italic;
	padding: 30px 0 30px 0;
}

div.box label {
	width: 100%;
	display: block;
	color: #bbb;
	font-size: 12px;
	padding: 10px 0 0 3px;
}

div.box label span {
display:block;
color:#bbb;
font-size:12px;
float:left;
width:100px;
text-align:right;
padding:5px 20px 0 0;
}

div.box .input_text {
width:auto;
background:#FFF;
border-bottom:1px solid #171717;
border-top:1px solid #171717;
border-left:1px solid #333;
border-right:1px solid #333;
padding:10px;
}

div.box .message {
width:350px;
background:#FFF;
border-bottom:1px double #171717;
border-top:1px double #171717;
border-left:1px double #333;
border-right:1px double #333;
overflow:hidden;
height:150px;
padding:7px;
}

div.box input[type=radio] {
font-size:12px;
vertical-align:middle;
margin-right:10px;
margin-left:130px;
}

div.box fieldset {
border:none;
margin-left:20px;
text-align:center;
}

div.box .boutons {
width:150px;
height:37px;
border:none;
background:url(images/form_button.gif) no-repeat 0 0;
color:#fff;
cursor:pointer;
text-align:center;
margin-top:1em;
}


#assistance {
height:130px;
}

#team{
position:relative;
top:-4em;
left:210px;
}
#team img{
width:200px;
height:125px;
border:none;
}
#syfop_maintenance{
border:none;
width:12px;
height:15px;
display:none;
}

#facebook{
	margin-top:5em;
	border:none;
	overflow:hidden;
	width:292px;
	height:450px
}
#saga_couleur {
width:600px;
height:50px;
}

#saga_couleur td {
width:50px;
}

#saga_couleur p {
color:ButtonFace;
text-align:center;
}

iframe {
border:none;
}

#stat,.pagination a.disablelink,.pagination a.disablelink:hover {
visibility:hidden;
}

h3,h4 {
font-size:1em;
font-weight:lighter;
}
.color{
	border: 0.01em solid #BBB;
	padding: 0 0.2em 0 0.2em;
	background:#F0F0F0;
	-webkit-border-radius: 0.2em;
	-moz-border-radius: 0.2em;
	border-radius: 0.2em;
	box-shadow: 0 5px 5px  #CCC;
	-moz-box-shadow: 0 5px 5px #CCC;
	-webkit-box-shadow: 0 5px 5px #CCC;
}
.up:hover,#subMain a:hover,#subMain2 a:hover,div.subintro a:hover,.pilote:hover,.mail a:hover,.ancienpilote:hover,div.premier a:hover,.subMainlarge ul li a:hover,.subnav h2 a:hover,.subnavdeb h2 a:hover  {
color:#0071AD;
text-decoration:underline;
}
.up,#subMain a,#subMain2 a,div.subintro a,.pilote,.mail a,.ancienpilote,div.premier a,.subMainlarge ul li a,.subMainlarge a  {
color:#d98a2d;
text-decoration:none;
}
#logo span {
display:none;
}

div.intro h3,div.premier h3 {
	font-size: 1.5em;
	color: #000;
	text-align: left;
	font-weight: 400;
	padding: 1.4em 6em 0 20em;
}

div.intro li,div.premier li {
	font-size: 1.8em;
	padding-left: 15em;
}

div.intro p,div.premier p {
	font-size: 1.6em;
	padding: 0.5em 20em 0.5em 15.5em;
}
div.intro span,div.premier span{
	font-size: 0.9em;
	padding-left:50em;
}
div.premier .message{
	position:relative;
	font-size: 1.6em;
	top:5em;
}
div.premier a{
	position:relative;
	font-size: 1.2em;
	top:7em;
	left:30em;
}