@font-face {
 font-family: "Open Sans";
 src: url("/../css/font/OpenSans-Regular.eot") /* EOT file for IE */
}
@font-face {
 font-family: "Open Sans";
 src: url("/../css/font/OpenSans-Regular.ttf") /* TTF file for CSS3 browsers */
}
@font-face {
 font-family: "MuseoSans";
 src: url("/../css/font/MuseoSans.eot") /* EOT file for IE */
}
@font-face {
 font-family: "MuseoSans";
 src: url("/../css/font/MuseoSans.ttf") /* TTF file for CSS3 browsers */
}

* {
	font-family : "MuseoSans", Verdana;
}

input, select, option, textarea {
	color : black !important;
}

#header-logo {
	width : 1197px;
	#height : 320px;
}

#header-menu {
	width : 1197px;
}

#header-menu * {
}

#general-content {
	width : 1197px;
	text-align : center;
}

#general-content * {
	color : white;
}

#page-content {
	background-color : #FFF;
	#margin : 0 0 0 10px;
	#width : 1197px;
	text-align : justify;
	#padding : 15px 0px;
	padding : 10px 10px 20px 10px;
	color : white !important;
}

#page-content * {
	color : white;
}

#col-droite {
	width : 0px;
}

#content-image {
	margin : 0 auto;
	width : 775px;
	text-align : center;
}

#actus h2, #actus h2 a {
	font-weight : normal;
	text-align : left;
	font-size : 32pt;
	border-bottom : 1px solid #292929;
	margin-top : -15px;
}

#page-content h1 {
	text-align : left;
	font-size : 28pt;
	font-weight : bold;
	color : #1e5799 !important;
}

#page-content h2 {
	text-align : left;
	font-size : 14pt;
	font-style : italic;
}

#content-image img {
	background-color : white;
	margin : 30px auto 10px auto;
	padding : 10px;
	border : 1px solid #EFEFEF;
	box-shadow: 0 5px 5px #888;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

#footer {
	padding : 10px 10px;
	text-align : center;
	font-size : 14pt;
	height : 250px;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1e5799+0,207cca+0,991b1e+0,eb1c27+100 */
	background: #1e5799; /* Old browsers */
	background: -moz-linear-gradient(left,  #1e5799 0%, #207cca 0%, #991b1e 0%, #eb1c27 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left,  #1e5799 0%,#207cca 0%,#991b1e 0%,#eb1c27 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right,  #1e5799 0%,#207cca 0%,#991b1e 0%,#eb1c27 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#eb1c27',GradientType=1 ); /* IE6-9 */
	color: white;
}

#footer * {
	color: white;
}

#menuduhaut {
	padding : 5px;
	text-align : left;
	background-color : #474342;
}

#menuduhaut * {
}

#menuduhaut a {
}

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

div.menu {
	float : left !important;
	text-align : center;
	width : 299.25px;
	width : 150px;
	white-space : nowrap;
	padding-top : 10px;
	border-right : 1px solid #be4441;
}

div.menu:hover {
    background: #CF9490;
}

#new-menu div.menu:first-child {
	width : 50px !important;
}

div.ssmenu {
	padding : 5px 10px;
	text-align : center;
	width : 279.25px;
	margin-top : 5px;
	margin-left : -65px;
	position : absolute;
	display : none;
	background-color : white;
	color : #A80601;
	#-webkit-border-bottom-right-radius: 10px;
	#-webkit-border-bottom-left-radius: 10px;
	#-moz-border-radius-bottomright: 10px;
	#-moz-border-radius-bottomleft: 10px;
	#border-bottom-right-radius: 10px;
	#border-bottom-left-radius: 10px;
	white-space : normal;
	#border:1px solid blue;
	-webkit-box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.75);
	box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.75);
	line-height : 1.5em;
}

a.lien-menu, a.lien-ssmenu {
	text-transform : uppercase;
}

a.lien-menu {
	margin : 0 20px;
	font-family : MuseoSans, "Open Sans", Verdana;
	font-size : 14pt;
	#color : #A80601;
	color: #FFF;
}

a.lien-ssmenu {
	font-family : MuseoSans, "Open Sans", Verdana;
	font-size : 12pt;
	color : #A80601;
}

a:hover.lien-menu {
	#text-shadow: 0px 0px 10px rgba(255, 255, 255, 1);
	#text-decoration : underline !important;
	#color : #A80601;
	background: #CF9490;
  	#text-shadow:
   	#	-1px -1px 0 #8BB700,  
    #	1px -1px 0 #8BB700,
    #	-1px 1px 0 #8BB700,
    #	1px 1px 0 #8BB700;
	
}

#titredelapage {
	margin : 20px 0;
	padding : 5px 0;
	border-top : 1px solid #4e2d28;
	border-bottom : 1px solid #4e2d28;
	text-align : center;
	font-size : 14pt;
}

#titredelapage * {
	text-align : center;
	color : #4e2d28;
	font-weight : normal;
	font-size : 14pt;
}

img.image-galerie {
	#border : 1px solid #EFEFEF;
	#box-shadow: 0 5px 5px #AEAEAE;
	#-webkit-border-radius: 5px;
	#-moz-border-radius: 5px;
	border-radius: 5px;
	margin : 5px 0;
}

img:hover.image-galerie {
	#box-shadow: 0 5px 5px #555;
}

a.lientitremessage {
	font-size : 12pt;
	font-weight : bold;
}

div.content-message p {
	margin : 5px 0;
}

#coordonnees {
	font-size : 10pt;
	color : white !important;
	margin-bottom : 3px;
}

#global {
    margin : 15px 0;
	width : 1197px;
	#-moz-box-shadow: 0px 0px 10px 0px #000000;
	#-webkit-box-shadow: 0px 0px 10px 0px #000000;
	#-o-box-shadow: 0px 0px 10px 0px #000000;
	#box-shadow: 0px 0px 10px 0px #000000;
	#filter:progid:DXImageTransform.Microsoft.Shadow(color=#000000, Direction=0, Strength=10);
	background-color : #746E6E;
	padding-top : 5px;
}

#fildariane {
	padding-bottom : 5px;
	margin-bottom : 5px;
	font-size : 12pt;
	border-bottom : 1px solid white;
}

#fildariane * {
	font-size : 12pt;
}

#tagline-block {
	float : right;
	text-align: right;
	margin : 40px 135px 0 50px;
	width : 550px;
	color : #212721;
	font-size : 16pt;
	font-family: Tahoma;
}

#phone-block {
	float : right;
	text-align: right;
	margin : 0 135px 0 50px;
	width : 180px;
	color : #212721;
	font-size : 16pt;
	vertical-align: baseline;
	font-family: Tahoma;
	white-space: nowrap;
}

#phone-block a, #contact-block a, #tagline-block a {
	color : #212721;
}

#phone-block a:hover, #contact-block a:hover, #tagline-block a:hover {
	color : #F28F00;
}

#phone-block img, #contact-block img, #tagline-block img {
	margin-right : 10px;
	margin-top : 5px;
	#border : 1px solid #A80601;
	float: left;
}

#phone-block .material-icons {
	color: #F28F00;
	#transform : rotate(45deg);
	margin: 3px 5px 0 0;
	font-size : 20pt;
	float: left;
}

#content-icon {
	width: 350px;
	float: left;
	#border: 1px solid #991b1e;
	padding : 0 0 20px 0;
	text-align: right;
}

#content {
	float: right;
	padding : 20px 0;
	background-color: #FFF;
	width: 837px;
	#border: 1px solid #991b1e;
}

#content-admin {
	float: right;
	padding : 20px 0;
	background-color: #FFF;
	width: 1197px;
	#border: 1px solid #991b1e;
}

#content, #content *, #content-admin, #content-admin * {
	font-family: MuseoSans, Tahoma, "Open Sans", Verdana;
}

#alarme-content {
}

h1.titre-page, #content h1, #content-icon h1, #content-admin h1 {
	font-size: 30px !important;
	font-weight: normal;
	margin: 15px 0 15px !important;
	color: #D31C24 !important;
	font-family: MuseoSans, Tahoma, "Open Sans", Verdana;
	clear: both;
}

h3 {
	font-weight: normal;
}

#content h1 img, #content-admin h1 img {
	float: left;
	margin: -10px 10px 0 0;
}

#content-icon h1 img, #content-admin h1 img {
	float: right;
	margin: 5px 0 0 10px;
}

.footer-cell {
	width : 30%;
	float : left;
	font-size : 10pt;
	height : 250px;
	text-align : left;
	padding-right : 10px;
	text-overflow: ellipsis;
	border-left: 0.5pt solid #FFF;
	padding-right : 0;
	padding-left : 10px;
}

.footer-cell:first-child {
	width : 35%;
	border-left: 0 solid #FFF;
}

.footer-cell p {
	clear : both;
	margin : 10px 5px;
	#border: 1px solid red;
}

.footer-cell .material-icons {
	font-size : 24px;
	margin-top : -2px;
	margin-right : 20px;
	float : left;
	color : #FFF;
}

.footer-cell p .material-icons-position {
	margin : 25px 20px 20px 0;
}

.footer-cell p .material-icons-mail {
	#margin : 20px 20px 20px 0;
}

.footer-cell p .material-icons-phone {
	margin : 10px 20px 10px 0;
}

.footer-cell * a .footer-cell a {
	color: white;
}

.footer-cell * a:hover, .footer-cell a:hover {
	color: white;
}

p.socials img {
	width: 32px;
	height: auto;
	margin-right: 20px;
}

#block-responsive-menu {
	display : none;
}

#block-menu {
	background-color : #f3eef4;
	margin-top : 20px;
	border : 1px solid #f3eef4;
}

#alarme-menu {
	width: calc(100% - 500px);
	margin: auto 0 0 500px;
	#background-color: #991b1e;
	text-align: center;
	height: 150px;
	clear: both;
	#border: 1px solid red;
}

#alarme-menu-content {
	text-align: center;
	margin: auto;
	padding-top: 20px;
}

.alarme-menu {
	float: left;
	width: calc((100% - 400px) / 2);
	#width: 285px;
	text-align: center;
	height: 150px;
	#border: 1px solid red;
}

.alarme-menu:last-child {
	float: right;
}

div.menualarme {
	float: left;
	text-align: center;
	width: calc((100% - 50px) / 3);
	min-width: 65px;
	white-space: nowrap;
	padding: 20px 5px 0;
	#border: 1px solid blue;
}

a.lien-menualarme, a.lien-menualarme-selected {
	text-align: center;
	font-family : "Tahoma", Verdana;
	font-size : 12px;
	white-space: normal;
	text-transform: uppercase;
	#border: 1px solid #F28F00;
}

a.lien-menualarme {
	color: #eb1c27;
}

a.lien-menualarme-selected, a:hover.lien-menualarme {
    color: #991b1e;
}

.alarme-menu-icone {
	width: 70px;
	height: 70px;
	background-position: center;
	background-repeat: no-repeat;
	#border: 1px solid green;
	margin: auto auto 5px;
}

a.lien-menualarme .icon-out {			display: block; }
a.lien-menualarme .icon-over {			display: none; }

a.lien-menualarme:hover .icon-out, a.lien-menualarme-selected .icon-out {	display: none; }
a.lien-menualarme:hover .icon-over, a.lien-menualarme-selected .icon-over {	display: block; }

/* Diaporamas */

#slides {
	margin: auto;
	width: 100%;
	max-width : 1200px;
	#height: 340px;
	height: calc(width * 28.33 / 100);
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1e5799+0,207cca+0,991b1e+0,eb1c27+100 */
	background: #1e5799; /* Old browsers */
	background: -moz-linear-gradient(left,  #1e5799 0%, #207cca 0%, #991b1e 0%, #eb1c27 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left,  #1e5799 0%,#207cca 0%,#991b1e 0%,#eb1c27 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right,  #1e5799 0%,#207cca 0%,#991b1e 0%,#eb1c27 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#eb1c27',GradientType=1 ); /* IE6-9 */
	overflow: hidden;
}

#slides .slides-content {
	position: absolute;
	width: calc(100% - 300px);
	height: 170px;
	margin: 65px 150px;
	vertical-align: bottom;
	text-align: center;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	color: white;
	font-size: 14pt;
	padding: 10px 20px;
}

#slides .slides-button {
	clear: both;
	margin: 10px 5px 5px;
	padding: 10px 40px;
	border: 1px solid white;
	color: white;
	#background: #1e5799; /* Old browsers */
	#background: -moz-linear-gradient(left,  #1e5799 0%, #207cca 0%, #991b1e 0%, #eb1c27 100%); /* FF3.6-15 */
	#background: -webkit-linear-gradient(left,  #1e5799 0%,#207cca 0%,#991b1e 0%,#eb1c27 100%); /* Chrome10-25,Safari5.1-6 */
	#background: linear-gradient(to right,  #1e5799 0%,#207cca 0%,#991b1e 0%,#eb1c27 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	#filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#eb1c27',GradientType=1 ); /* IE6-9 */
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	font-size: 10pt;
	text-transform: uppercase;
}

#slides-small {
	margin: 20px auto auto;
	width : 300px;
	height: 150px;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1e5799+0,207cca+0,991b1e+0,eb1c27+100 */
	#background: #1e5799; /* Old browsers */
	#background: #1e5799; /* Old browsers */
	#background: -moz-linear-gradient(left,  #1e5799 0%, #207cca 0%, #991b1e 0%, #eb1c27 100%); /* FF3.6-15 */
	#background: -webkit-linear-gradient(left,  #1e5799 0%,#207cca 0%,#991b1e 0%,#eb1c27 100%); /* Chrome10-25,Safari5.1-6 */
	#background: linear-gradient(to right,  #1e5799 0%,#207cca 0%,#991b1e 0%,#eb1c27 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	#filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#eb1c27',GradientType=1 ); /* IE6-9 */
	overflow: hidden;
}

/* prev / next links */
.cycle-prev, .cycle-next { position: absolute; top: 0; width: 150px; opacity: 0; filter: alpha(opacity=0); z-index: 800; height: 100%; cursor: pointer; }
.cycle-prev { left: 0;  background: url('/design/alarme-grenoble-left.png') 50% 50% no-repeat;}
.cycle-next { right: 0; background: url('/design/alarme-grenoble-right.png') 50% 50% no-repeat;}
.cycle-prev:hover, .cycle-next:hover { opacity: .7; filter: alpha(opacity=70) }

/* End Diaporamas */

/* Contact */
.contact-block {
	float: right;
	clear: right;
}

.contact-block h3, #contact-form h3 {
	margin: 5px 0 10px;
	text-transform: uppercase;
	color: #991b1e !important;
	font-size: 15pt;
}

#contact-bureaux, #contact-reseaux {
	width: 300px;
	color: white;
	background: #1e5799; /* Old browsers */
	background: -moz-linear-gradient(left,  #1e5799 0%, #207cca 0%, #991b1e 0%, #eb1c27 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left,  #1e5799 0%,#207cca 0%,#991b1e 0%,#eb1c27 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right,  #1e5799 0%,#207cca 0%,#991b1e 0%,#eb1c27 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#eb1c27',GradientType=1 ); /* IE6-9 */
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	font-size: 10pt;
	clear: both;
	margin: 10px 0;
	padding: 10px;
}

#contact-bureaux p, #contact-reseaux p {
	padding-left: 50px;
	background-position: 5px center;
	background-repeat: no-repeat;
	margin: 10px auto;
	color: white;
	vertical-align: middle;
}

#contact-bureaux *, #contact-reseaux * {
	color: white !important;
}

.contact-block p.ctc-fb, .contact-block p.ctc-tw {
	height: 25px;
	vertical-align: middle !important;
	#border: 1px solid blue;
	background-position: 5px 0 !important;
}

.contact-block p.ctc-fb a, .contact-block p.ctc-tw a {
	#margin: auto !important;
	#padding: 5px 0 !important;
	#border: 1px dashed blue;
}

.contact-block p.ctc-add { 	background-image: url('/design/ico-localisation.png'); }
.contact-block p.ctc-tels { background-image: url('/design/ico-phone.png'); }
.contact-block p.ctc-mail { background-image: url('/design/ico-contact.png'); }
.contact-block p.ctc-fb { 	background-image: url('/design/facebook-logo.png'); }
.contact-block p.ctc-tw { 	background-image: url('/design/twitter-logo.png'); }

#contact-form {
	width: 450px;
	clear: both;
}

#contact-form p {
	margin-bottom: 10px;
}

#contact-form p label {
	font-size: 9pt;
}

#contact-form p label span {
	margin-left: 3px;
}

#contact-form input[type=text], #contact-form input[type=email], #contact-form textarea {
	width: calc(100% - 12px);
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	border-radius: 12px;
	border: 1px solid #991b1e;
	padding: 3px 6px;
	font-size: 12pt;
}

#contact-form textarea {
	height: 120px;
}

#contact-form input[type=submit] {
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	#border: 1px solid #991b1e;
	border: none;
	padding: 3px 6px;
	font-size: 12pt;
	width: 200px;
	color: white !important;
	text-transform: uppercase;
	float: right;
	clear: right;
	background: #1e5799; /* Old browsers */
	background: -moz-linear-gradient(left,  #1e5799 0%, #207cca 0%, #991b1e 0%, #eb1c27 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left,  #1e5799 0%,#207cca 0%,#991b1e 0%,#eb1c27 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right,  #1e5799 0%,#207cca 0%,#991b1e 0%,#eb1c27 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#eb1c27',GradientType=1 ); /* IE6-9 */
}

/* End Contact */