/* CSS Document */
*{
margin:0px;
padding:0px;
border:0px;
}

#contenu {
margin-left:auto;
margin-right:auto;
width:804px; /* largeur obligatoire pour être centré */
text-align:left;

}

body {
background: #799c13 url(../images/repeathfond.jpg) repeat-x top left;
margin:0px; /* pour éviter les marges */
text-align:center; /* pour corriger le bug de centrage IE */
overflow-x:hidden;
     }

#bandeau {
float:left;
top:0px;
left:0px;
background-image:url(../images/banniere.jpg);
background-repeat:no-repeat;
height:130px;
width:804px;
}

#centrerepeter {
float:left;
background-image:url(../images/repeatcenter.jpg);
background-repeat:repeat-y;
width:804px;
height:auto;
}

#baspage {
float:left;
background-image:url(../images/footer.jpg);
background-repeat:no-repeat;
width:804px;
height:80px;
}
/*menu header */
/*-----------------------------------------------------
------------------------------------------------------
----------------------------------------------------
*/

#contmenu {
float:left;
width:250px;
height:87px;
margin-left:260px !important;
margin-left:130px;
}

#projet {
float:left;
width:93px;
height:87px;
}


#graphisme {
float:left;
width:77px;
height:87px;
}

#contact {
float:left;
width:80px;
height:87px;
}

/* conteneur milieu de page */
.conteneur {
float:left;
width:690px;
margin-left:60px !important;
margin-left:30px;
border: 2px solid #878889;
padding:5px;
background-color:#FFFFFF;
}


/*menu bas de page */
/*-----------------------------------------------------
------------------------------------------------------
----------------------------------------------------
*/
#menuadmin {
position:relative;
top:26px;
width:340px;;
margin-left:auto;
margin-right:auto;
}

#menuadmin li {
float:left;
list-style-type:none;
}

#menuadmin a:link{
font-family:Arial;
font-weight:300;
text-decoration:none; 
color:#0086cb;
font-size:10px;
font-weight:bolder;
}

#menuadmin a:visited{
font-family:Arial;
font-weight:300;
text-decoration:none; 
color:black;
font-size:10px;
font-weight:bolder;
}
/* fil d'ariane */
#filariane{
clear:both;
position:static;
margin-left:230px;
}

#filariane a:link{
font-family:Arial;
font-size:12px;
color:#e2001a;
}

#filariane a:hover{
font-family:Arial;
font-size:12px;
color:#799c13;
}

#filariane a:visited{
font-family:Arial;
font-size:12px;
color:#0086cb;
}

/* intro de chaque page */
#intro {
padding:5px;
}

#intro p{
margin-top:5px;
margin-bottom:5px;
}

#intro a:link{
font-family:Arial;
color:#e2001a;
font-size:12px;
font-weight:bolder;
}

#intro a:hover{
font-family:Arial;
color:#799c13;
font-size:12px;
font-weight:bolder;
}

#intro a:visited{
font-family:Arial;
color:#0086cb;
font-size:12px;
font-weight:bolder;
}

h1{
font-size:14px;
font-family:Arial;
margin-bottom:10px;
}

#strong{
font-size:12px;
font-weight:900;
color:#e2001a;
}

#txtindex{
margin-top:15px;
margin-bottom:15px;
}

.titres {
clear:both;
margin:15px;
}

.titres a:link{
font-family:Arial;
color:#e2001a;
font-size:12px;
font-weight:bolder;
}

.titres a:hover{
font-family:Arial;
color:#799c13;
font-size:12px;
font-weight:bolder;
}

.titres a:visited{
font-family:Arial;
color:#0086cb;
font-size:12px;
font-weight:bolder;
}

.images {
margin-left:15px;
float:left;
padding-bottom:10px !important;
padding-bottom:0px;
clear:both;
}
/* images index */
#contimg{
margin-left:auto;
margin-right:auto;
width:487px;
clear:both;
}

#lastfm{
float:left;
width:184px;
margin-left:253px;
margin-top:10px;
}

#imgprojet{
float:left;
margin-right:100px;
}

#imggraph{
float:left;
}
/* formulaire de contact */

#formcolor{
font-family:Arial;
font-size:12px;
color:#e2001a;
}

.panel {
	clear: both;
	display: none;
	border: 3px solid #CCC;
	padding: 1em;
}
.panel.active-tab-body {
	display: block;
}
#tabs {
	list-style: none;
}

#tabs li {
	float: left;
}

#tabs a {
	float: left;
	padding: 5px 8px;
	margin-left: 6px;
	background-color: #F2F2F2;
	text-decoration: none;
	color: #999999;
}

#tabs a.active-tab {
	background-color: #CCC;
	border-top: 3px solid #999;
	padding-top: 3px;
	color: #000;
}
input.disabled {
	border: 1px solid #F2F2F2;
	background-color: #F2F2F2;
}

input.required, textarea.required {
	border: 1px solid #0086cb;
}
input.validation-failed, textarea.validation-failed {
	border: 1px solid #e2001a;
	color : #e2001a;
}
input.validation-passed, textarea.validation-passed {
	border: 1px solid #799c13;
	color : #000;
}

.validation-advice {
	margin: 5px 0;
	padding: 5px;
	background-color: #e2001a;
	color : #FFF;
	font-weight: bold;
}

.custom-advice {
	margin: 5px 0;
	padding: 5px;
	background-color: #C8AA00;
	color : #FFF;
	font-weight: bold;
}

fieldset {
	padding: 1em;
	margin-bottom: 0.5em;
}

label {
	font-weight: bold;
}
.form-row {
	
	padding: 0.5em;
}

.field-label {

}

.field-widget {

}

textarea.required{
border:1px color:#878889 solid;
}
/*slide image highslide*/
* {
    font-family: Arial;
    font-size: 10pt;
}
.highslide {
	cursor: url(../js/highslide/graphics/zoomin.cur), pointer;
    outline: none;
}
.highslide img {
	border: 2px solid #878889;
}
.highslide:hover img {
	border: 2px solid white;
}

.highslide-image {
    border: 2px solid white;
}
.highslide-image-blur {
}
.highslide-caption {
    display: none;
    border: 2px solid white;
    border-top: none;
    font-family: Verdana, Helvetica;
    font-size: 10pt;
    padding: 5px;
    background-color: white;
}

.highslide-caption a:link{
font-family:Arial;
color:#e2001a;
font-size:12px;
font-weight:bolder;
}

.highslide-caption a:hover{
font-family:Arial;
color:#799c13;
font-size:12px;
font-weight:bolder;

}

.highslide-caption a:visited{
font-family:Arial;
color:#0086cb;
font-size:12px;
font-weight:bolder;
}

.highslide-loading {
    display: block;
	color: white;
	font-size: 9px;
	font-weight: bold;
	text-transform: uppercase;
    text-decoration: none;
	padding: 3px;
	border-top: 1px solid white;
	border-bottom: 1px solid white;
    background-color: black;
    /*
    padding-left: 22px;
    background-image: url(highslide/graphics/loader.gif);
    background-repeat: no-repeat;
    background-position: 3px 1px;
    */
}
a.highslide-credits,
a.highslide-credits i {
    padding: 2px;
    color: silver;
    text-decoration: none;
	font-size: 10px;
}
a.highslide-credits:hover,
a.highslide-credits:hover i {
    color: white;
    background-color: gray;
}

.highslide-move {
    cursor: move;
}

.highslide-overlay {
	display: none;
}
/* Controlbar exemple */
.controlbar {	
	background: url(../js/highslide/graphics/controlbar4.gif);
	width: 167px;
	height: 34px;
}
.controlbar a {	
	display: block;
	float: left;
	margin: 0px 0 0 4px;
	height: 29px;
	width: 34px;
}

/* Necessaire au fonctionnement */
.highslide-display-block {
    display: block;
}
.highslide-display-none {
    display: none;
}


/*html highslide */
.highslide-body a:link{
font-family:Arial;
font-size:12px;
color:#e2001a;
}

.highslide-body a:hover{
font-family:Arial;
font-size:12px;
color:#799c13;
}

.highslide-body a:visited{
font-family:Arial;
font-size:12px;
color:#0086cb;
}

.highslide-html {
    background-color: white;
	text-align:left;
}
.highslide-html-blur {
}
.highslide-html-content {
	position: absolute;
    display: none;
}
.highslide-display-block {
    display: block;
}
.highslide-display-none {
    display: none;
}

.control {
	float: right;
    display: block;
    /*position: relative;*/
	margin: 0 5px;
	font-size: 9pt;
    font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;
	color: #999;
}
.control:hover {
	color: black !important;
}
.highslide-move {
    cursor: move;
}