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

html {
			width: 100%;
		        background-color: #5999b5;
}

body {
			width: 100%;
		        background: #e5f1f5 url(img/fond.jpg) top center repeat-x;
}

#conteneur {
			width: 100%;
		        background: transparent url(img/fond-logo.gif) top center no-repeat;
}

#cont-fp {     /* Gal */
			width: 100%;
		        background: transparent url(img/fp.jpg) top center no-repeat;
}

#cont-fp1 {    /* b-M */
			width: 100%;
		        background: transparent url(img/fp1.jpg) top center no-repeat;
}

#cont-fp2 {    /* p-O */
			width: 100%;
		        background: transparent url(img/fp2.jpg) top center no-repeat;
}

#cont-fp3 {    /* p-D */
			width: 100%;
		        background: transparent url(img/fp3.jpg) top center no-repeat;
}

#cont-fp4 {    /* d-BB */
			width: 100%;
		        background: transparent url(img/fp4.jpg) top center no-repeat;
}

#cont-fp5 {    /* d-Js */
			width: 100%;
		        background: transparent url(img/fp5.jpg) top center no-repeat;
}

#cont-fp6 {    /* p-R */
			width: 100%;
		        background: transparent url(img/fp6.jpg) top center no-repeat;
}

#cont-fp7 {    /* d-JB */
			width: 100%;
		        background: transparent url(img/fp7.jpg) top center no-repeat;
}

#cont-fp8 {    /* p-C */
			width: 100%;
		        background: transparent url(img/fp8.jpg) top center no-repeat;
}

#cont {
			width: 760px;
			margin: 0 auto;
}

#haut {
			width: 760px;
			margin: 0 auto;
			height: 235px;
			padding: 35px 0 0 0;
}

#titrac {
                        width: 475px;
			height: 110px;
			margin: 0 0 20px 0;
			cursor: pointer;
}

#titre {
                        width: 475px;
			height: 110px;
			margin: 0 0 20px 0;
			cursor: pointer;
/*			background: transparent url(img/titre.gif) top left no-repeat; */
}





/* MENU */

#menu {
			text-align: center;
			width: 530px;
			padding: 0 230px 0 0;
}

#menu ul {
			text-align: center;
			width: 100%;
}

#menu ul li {
			text-align: center;
			list-style-type: none;
			display: inline;
			font: normal normal bold 1em georgia, serif;
}

#menu ul li a {
			text-align: center;
			display: block;
			float: left;
			margin: 5px 10px 5px 0;
			padding: 3px 5px 4px 5px;
                        color : #ffd400;
                        background-color: #136b94;
                        border: 1px #fff dashed;
                        text-decoration: none;
}

#menu ul li a:hover {
                        color : #136b94;
                        background-color: #e9d400;
}





/* DIVS DU CONTENU */

#gauche {
			width: 500px;
			float: left;
			padding: 0 20px 0 0;
/*			border-right: 1px #cde2ea solid; */
}

#droite {
			width: 220px;
			padding-top: 265px;
			float: right;
}

#gauchacc {
			width: 495px;
			float: left;
			padding: 0 25px 0 0;
}

#accueil #droite {
			width: 230px;
			padding-top: 0;
}

.dewtube {
			width: 320px;
			height: 240px;
			border: 5px #7dafc6 solid;
			/* margin-left: 170px; */
			margin-bottom: 40px;
}


#reference {
/*			width: 180px;
			padding: 10px 15px 0 15px;
			border: 5px #7dafc6 solid;
			background-color: #c3dde6; */
			font-size: 0.95em;
}





/* PIED */

#widepied {
		        width: 100%;
                        background: #c3dee6 url(img/fond-pied.gif) top center repeat-x;
			margin: 0 auto;
}

* html #widepied {
                        margin-top: -25px;
}

#pied {
                        padding: 80px 0 25px 0;
                        width: 760px;
			margin: 0 auto;
                        background: transparent url(img/sol.gif) top center no-repeat;
}

* html #pied {
                        padding-bottom: 10px;
}



/* SEMELLE */

#widesemelle {
		        width: 100%;
                        background-color: #5999b5;
                        border-top: 5px #7dafc5 solid;
}

#semelle {
                        width: 760px;
			margin: 0 auto;
                        text-align: center;
}



/* MISE FORME CONTENU */

h2 {
			margin: 20px 0;
			padding: 0 0 5px 0;
			font: normal normal normal 2.2em georgia, serif;
			letter-spacing: -1px;
                        color: #ca0;
			border-bottom: 4px #b9d7e2 solid;
}



/* page ACCUEIL */

#accueil h2 {
			margin: 15px 0 5px 0;
			width: 540px;
			border-color: #eef5fb;
			letter-spacing: -2px;
}

#accueil h3 {
			margin: -25px 0 15px 0;
			padding: 0 0 5px 0;
			font: normal normal normal 1.5em georgia, serif;
                        color: #ca0;
			border-bottom: 2px #c0d2d6 dotted;
			text-align: center;
                        background: transparent url(img/fond-hac.gif) bottom center no-repeat;
                        padding-top: 60px;
}

#accueil p {
                        font: normal normal normal 1em/1.3em georgia, serif;
			color:#155e81;
                        margin: 0 0 15px 0;
                        padding: 0;
                        text-align: justify;
}

#accueil p.fstp {
			font: italic normal normal 1.45em/1.35em georgia, serif;
			color:#1f8aaf; /*469fbd; */
			letter-spacing: -1px;
			width: 540px;
                        text-align: left;
                        padding-bottom: 0;
                        margin: 20px 0 0 0;
			word-spacing: 2px;
}

#accueil ul {
                        width: 760px;
                        margin: 0;
			padding: 0;
}

#accueil ul li {
                        display: inline;
                        float: left;
                        width: 230px;
                        list-style-type: none;
			padding: 0 0 15px 0;
			margin-right: 35px;
                        font: normal normal bold 1em/1.5em georgia, serif;
			color: #155e81;
			text-align: justify;
}

#accueil ul li.last {
			margin-right: 0;
}

#accueil ul li a {
			color:#1f8aaf;
}

#accueil ul li a:hover {
			text-decoration: none;
}



/* colonne GAUCHE, pages de contenu */

#gauche h3 {
			margin: 10px 0 15px 0;
			padding: 0 0 5px 0;
			font: normal normal normal 1.4em georgia, serif;
			letter-spacing: -1px;
                        color: #1f8aaf;
                        border-bottom: 4px #b9d7e2 solid;
}

#gauche p {
			font: normal normal normal 1em/1.3em georgia, serif;
			color:#155e81;
                        margin: 20px 0;
			word-spacing: 2px;
			text-align: justify;
}

#gauche p.vidalt {
			font: normal normal normal 0.7em georgia, serif;
			color:#155e81;
                        margin: -20px 0 30px 0;
                        padding: 5px;
			text-align: center;
			background-color: #b9d7e2;
			border: 1px #689bb2 solid;
}

#gauche p.vidalt a {
			color:#a37100;
}

#gauche p span.vidalt2 {
			font: italic normal normal 0.7em georgia, serif;
			color: #689bb2;
}

#gauche a {
			color:#1f8aaf;
}

#gauche a:hover {
			text-decoration: none;
}

#gauche ul li {
                        list-style-position: inside;
                        font: normal normal normal 1.05em/1.2em georgia, serif;
			color:#ca0;
			padding: 0 0 10px 20px;
                        list-style-type: square;
}

#gauche ul.liens li {
                        list-style-type: none;
                        font: normal normal normal 1em georgia, serif;
			color:#155e81;
			padding: 5px 0;
}

#gauche ul.liens li a {
			color:#ca0;
}

#gauche ul.liens li a:hover {
			text-decoration: none;
}

#gauche ul.liens li a:visited {
			color:#e5a000;
}

#gauche li span {
			color:#155e81;
			padding-left: 5px;
			font-size: 0.95em;
}

#gauche ul.tech {
			margin: 0;
			padding: 20px 0 0 0;
                        border-top: 4px #b9d7e2 solid;
}

#gauche ul.tech li {
			padding-bottom: 15px;
			color:#155e81;
			letter-spacing: -1px;
			font-style: italic;
			list-style-type: circle;
}

#gauche ul.splimages {
			margin: 0;
			padding: 0;
			list-style-type: none;
}

#gauche ul.splimages li {
			list-style-type: none;
			display: inline;
			float: left;
			margin: 0 15px 15px 0;
			padding: 0;
}

#gauche ul.splimages li a {
			color: #ca0;
}

#gauche ul.splimages li a img {
			border: 5px #b9d7e2 solid;
}

#gauche ul.splimages li a:hover img {
			border: 5px #7dafc6 solid;
}






/* DROITE */

#droite h3 {
			margin-bottom: 5px;
			font: italic normal normal 1.3em georgia, serif;
			letter-spacing: -1px;
                        color: #136b94;
			text-align: left;
                        background: none;
}

#accueil #droite h3 {
			margin: 0 0 10px 0;
			padding: 0;
			text-decoration: underline;
			border-bottom: none;
}

#droite p {
			font: normal normal bold 0.9em georgia, serif;
			color:#ca0;
                        margin: 0 0 20px 0;
			letter-spacing: -1px;
			text-align: left;
}

#droite p span {
			font-size: 1.25em;
			letter-spacing: 0;
}

#droite p a {
			color:#1f8aaf;
}

#droite p a:hover {
			text-decoration: none;
}

#reference p {
			font: normal normal normal 1.1em/1.25em georgia, serif;
			border-left: 5px #7dafc6 solid;
			padding: 0 0 5px 10px;
			margin-left: 1px;
			color: #004666;
}



/* PIED */

#pied p {
                        float: left;
			display: inline;
			font: normal small-caps bold 0.85em/1.3em georgia, serif;
			color: #004666;
			margin: 0;
			padding: 0;
}

#pied p.pg {
			text-align: left;
			width : 520px;
}

#pied p.pd {
			text-align: right;
			width : 240px;
}

#pied p a {
			color: #1f8aaf;
}

#pied p a:hover {
			text-decoration: none;
}



/* SEMELLE (CONTENU) */

#semelle ul {
                        width: 760px;
			margin: 0 auto;
			padding: 3px 0 5px 0;
                        text-align: center;
}

#semelle ul li {
                        list-style-type: none;
                        display: inline;
			margin: 0 10px;
			text-align: center;
			font: normal small-caps normal 0.8em georgia, serif;
}

#semelle ul li a {
                        color: #e9d400;
			text-decoration: none;
}

#semelle ul li a:hover {
                        color: #046;
}



/* FORMULAIRE DE CONTACT */

#forcon {
                        margin: 10px 0;
                        color: #155e81;
}

#forcon legend {
		        font: italic normal normal 1em/1em georgia, serif;
		        padding: 0 0 20px 20px;
}

.contacts #forcon ol {
                        list-style-type: none;
}

.contacts #forcon ol li {
                        list-style-image: none;
                        padding: 5px 0;
                        min-height: 30px;
}

* html #forcon ol li {
                        height: 30px;
}

#forcon label {
	                display: block;
	                vertical-align: top;
	                width: 215px;
	                margin-right: 15px;
	                float: left;
                        font: normal normal normal 0.85em/1.2em georgia, serif;
}

* html #forcon label {
	                width: 200px;
}

#forcon label.respect {
                        font: italic normal normal 0.75em/1.2em georgia, serif;
                        padding: 1px 0 9px 0;
}

#forcon input, #forcon textarea {
                        margin: 0 0 10px 0;
                        padding: 3px 5px;
                        border: 1px #136b94 dashed;
                        width: 255px;
                        color: #004565;
                        background: #c3dee6 url(img/fond-pied.gif) 0 -50px repeat-x;
                        font-family: georgia, serif;
                        font-size: 0.75em;
                        letter-spacing: 1px;
}

#forcon textarea {
                        padding: 5px;
                        overflow: hidden;
}

#forcon input.er {
		        background: none;
	                background-color: #ffc400;
}

#forcon fieldset span.malert {
                        font-family: georgia, serif;
                        display: block;
                        color: #136b94;
                        border: 1px solid #ca0;
		        background-color: #ffc400;
                        padding: 10px 10px 8px 15px;
                        margin: 0 2px 25px 0;
                        font-size: 0.9em;
}

#forcon fieldset span.malert strong {
                        color: #e5f1f5;
                        font-size: 1.25em;
}

#forcon fieldset span.malert em {
                        font-size: 1.15em;
                        line-height: 1.5em;
}

#forcon input#subbtn {
                        width: 267px;
                        font-weight: bold;
                        font-size: 0.85em;
                        font-variant: small-caps;
		        background: none;
		        background-color: #7ca4b4;
                        color: #e5f1f5;
                        border: 3px #e5f1f5 double;
                        padding: 3px 5px;
			cursor: pointer;
                        word-spacing: 3px;
}





/* GENERIQUE */

.oust {
			position: absolute;
			left: -6666em;
			top: 0;
			width: 1px;
			height: 1px;
			overflow: hidden;
}

.clearbot {
			clear: both;
			height: 0;
			margin: 0;
                        padding: 0;
			border: 0;
}

hr.clearline {
                        clear:both;
                        width: 100%;
                        margin: 0 auto;
                        padding: 5px 0 15px 0;
			border-top: 2px #c0d2d6 dotted;
                        height: 0;
}

div.aclearline {
                        display: block;
                        clear:both;
                        width: 100%;
                        margin: 0 auto -10px auto;
                        padding: 5px 0 48px 0;
			border: none;
			border-top: 2px #c0d2d6 dotted;
                        height: 2px;
                        background: transparent url(img/fond-bac.gif) top center no-repeat;
}

* html div.aclearline {
                        margin-bottom: -25px;
}