h1 {
	font-size: 18px;
	font-weight: bold;
	color: #DC1E2A;
}
p, td {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: justify;
}
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	background: #fff;
	margin: 0;
	padding: 0;
	text-align:center;
}

h2 {
	font-size: 14px;
	color: #173F84;
}

a {
	color: #173F84;
	text-decoration: underline;
}
a:hover {
	color: #DD1F2B;
	text-decoration: underline;
}


/* Définition du style des menus */


ul#menu-nav,ul#menu-nav li {
	margin:0;
	padding:0;
	list-style-type:none
}

ul#menu-nav li {
	float:left;
	width: 130px;
	margin-right: 10px
}

ul#menu-nav li.last_item {
	float:left;
	width: 130px;
	margin-right: 0px
}


ul#menu-nav a {
	display:block;
	width:130px;
	padding:5px 0;
	font: normal 13px Arial, Helvetica, sans-serif;
    background: #ddd;
	color: #333;
    text-decoration:none;
	text-align:center
}

ul#menu-nav a:hover {
	background: #bbb;
	color:#FFF
}

#menu {
	width: 700px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style: normal;
	font-weight: normal;
	color: #a0a0a0;
	text-decoration: none;
	padding: 14px 0 18px 0;
	text-align: center;
	clear:both;
	margin: auto;
	background: #fff
}

#menu #slogan {
    color: #DC1E2A;
    float: left;
    font-size: 14px;
    font-weight: bold;
    height: 60px;
    left: 327px;
    margin-left: -300px;
    position: relative;
    top: 114px;
    width: 335px;
    z-index: 999;
}

#menu img {
	padding-bottom: 15px;
}


/* Définition du style de la zone de bas de page */

#bas-de-page {
	clear:both;
	margin: auto;
	text-align: center;
	width: 700px;
	padding: 8px 0 8px 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	color: #555;
	text-decoration: none;
	background: #ddd;
}

#bas-de-page strong {
	font-weight: normal;
}

#bas-de-page a {
	text-decoration: none;
	color: #555;
}

#bas-de-page a:hover {
	text-decoration: underline;
	color: #555;
}


/*  Définition des styles liés aux listes des agences */

#agences {
	text-align: center;
	padding-left: 15px;
	padding-right: 10px;
	clear: both;
	height: 115px;
}

.agence {
	width: 100%;
	font-size: 10px;
	background: #eaeaea;
	float: left;
	margin: 0 0 15px 0;
	padding: 5px 5px 5px 5px;
}



/* Définition du style définissant l'encadrement du contenu    */

.begaud-content {
	clear:both;
	margin: auto;
	text-align: center;
	width: 750px;
	background: #fff;
	padding-top: 10px;
	padding-bottom: 20px;
	margin-bottom: 20px;
}

.begaud-contenu {
	clear:both;
	margin: auto;
	width: 660px;
	background: #fff;
	text-align: justify;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding-top: 10px;
	padding-bottom: 10px;
}


/* Définition des blockquotes spécialisés */

blockquote {
	background: transparent url(quoleft.png) left top no-repeat;
/*	display: block;*/
	text-align: inherit;
}
blockquote div {
  padding: 0 48px;
  background: transparent url(quoright.png) right bottom no-repeat;
  color:#173F84;
  font-style:italic;
  font-size:14px;
  font-family:Georgia, "Times New Roman", Times, serif;
}


.titre {
	font-size: 14px;
	font-weight: bold;
	color: #173F84;
}

.agence .titre {
    display: block;
    float: left;
    width: 135px;
	font-size: 12px;
	text-align:left;
	margin-left:15px;
}

.adresse {
    display: block;
    float: left;
    text-align: left;
    width: 160px;}

.ville {
    display: block;
    float: left;
    text-align: left;
    width: 175px;
}

.tel {
  display: block;
    float: left;
    text-align: left;
    width: 145px;
}

.agence br.fix {
	clear:both;
	min-height:5px;
	height:5px
}

.agence span {
	margin-top: 3px;
	margin-bottom:3px
}



/* Liens vers articles techniques et tutoriaux
********************************************/

ul#article-technique 	{ 
	float:left;
	color: #000;
}

ul#article-technique, ul#article-technique li { 
	list-style:none;
	margin:0;
	padding:0 
}

ul#article-technique li {
	width:650px;
	color: #000;
	margin: 0 0 10px 0;
	text-align: justify;
}

ul#article-technique img {
	display:inline;
	float:left;
	width:120px;
	height:92px;
	border:0px solid;
	margin:0 8px 0 0
}

ul#article-technique a {
	display:block;
	padding: 6px;
	height:92px;
	background: #ffffff;
	color: #000000;
	border:1px dotted #ffffff;
	text-decoration: none
}

ul#article-technique a:hover {
	border-color:#173F84;
	color: #000000;
	text-decoration: none
}

ul#article-technique strong {
	font-size: 14px;
	font-weight: bold;
	color: #173F84;
}


/* Conteneur pour les listes (galeries...)
********************************************/

div#galerie-container {
	width: 660px;
	text-align:center;
	display:inline-block;
	margin: 0px auto
}

div#galerie-container:after { 
   content: "."; 
   display: block; 
   height: 0; 
   font-size: 0; 
   clear: left; 
   visibility: hidden; 
} 

/* Galerie photo sans commentaires
********************************************/

ul#galerie 	{ 
	float:left 
}

ul#galerie, ul#galerie li { 
	list-style:none;
	margin:0;
	padding:0 
}

ul#galerie li {
	float:left;
	display:inline;
	margin: 0 0 15px 20px;
	width:145px;
	text-align:center
}

ul#galerie img {
	display:block;
	width:120px;
	height:92px;
	border:0px solid;
	margin:0 auto 5px
}

ul#galerie a {
	display:block;
	padding: 5px 0;
	background: #ffffff;
	color: #666666;
	border:1px dotted #ffffff;
	text-decoration: none
}

ul#galerie a:hover {
	border-color:#999999
}



/* Gestion des galeries (images)
********************************************/

.highslide {
		 cursor: url(highslide/graphics/zoomin.cur), pointer;
    outline: none;
}
.highslide img {
		 border: 0;
}
.highslide:hover img {
		 border: 0;
}

.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-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 example */
.controlbar {		 
		 background: url(highslide/graphics/controlbar4.gif);
		 width: 167px;
		 height: 34px;
}
.controlbar a {		 
		 display: block;
		 float: left;
		 /*margin: 0px 0 0 4px;*/		 
		 height: 27px;
}
.controlbar a:hover {
		 background-image: url(highslide/graphics/controlbar4-hover.gif);
}
.controlbar .previous {
		 width: 50px;
}
.controlbar .next {
		 width: 40px;
		 background-position: -50px 0;
}
.controlbar .highslide-move {
		 width: 40px;
		 background-position: -90px 0;
}
.controlbar .close {
		 width: 36px;
		 background-position: -130px 0;
}


/* Necessary for functionality */
.highslide-display-block {
    display: block;
}
.highslide-display-none {
    display: none;
}
