@charset "utf-8";
/* CSS Document */

*{ margin:0; padding:0}

body { margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; background-color:#e2e2e2;}

/*////////////////////////////////////////////*/

#global {width:750px;height:737px;margin-right:auto;margin-left:auto;margin-top:10px;margin-bottom:10px;color:#3e3d40;border:solid #97bf0d 1px;}
#header {float:left; width:750px;height:170px;background-image:url(../img/fondheader.png);background-repeat:repeat-x;}
#logoheader {float:left; height:121px; width:121px; margin-left:25px; margin-top:27px; border:0;}
#sloganheader {float:right; height:67px; width:554px; margin-top:80px; margin-right:25px;}
#menu {float:left; width:750px; height:32px; background-image:url(../img/fondmenu.gif); background-repeat:repeat-x;}
#menu ul {float:right; margin-right:20px; list-style:none;}
#menu li { float:left; margin-left:5px; margin-top:5px;}
#menu li a {font-size: 14px;color:#3e3d40; text-decoration: none;}
#menu li a:hover/*, #menu li a:focus, #menu li a:active */{color:#fff;}

/*///////////////////////////////////////////*/

#centre {float:left; width:750px; height: 500px; background-image:url(../img/fondcontenu.gif);background-repeat:repeat-x; background-color:#FFFFFF}
#gauche {float:left; width:130px; height: 500px; background-image:url(../img/fondmenugauche.png); background-repeat:repeat-y; margin-left:0;}
#menugauche {float:left; width:130px; margin-top:25px; list-style:none;}
#menugauche ul {float:left; margin-right:10px;}
#menugauche li { float:left;  text-align:right; margin-bottom:10px; }
#menugauche li a { display:block; width:130px; height:20px; line-height:20px; margin-right:10px; background-image:url(../img/cartouche.png); background-repeat:no-repeat; text-decoration: none;}
#menugauche li a:hover/*, #menu li a:focus, #menu li a:active */{background-image:url(../img/cartouche_hover.png); background-repeat:no-repeat;}


#droit { float:right; width:620px; margin-top:0; margin-right:0;}

/*/////////////////////////////////////*/

#contenu1 {	float:right;width:620px;height:170px;margin-top:15px;background-image:url(../img/bandepcm.png);	background-repeat:no-repeat;background-position: top right;margin-right:0;}
#contenu1 h1 {font-size:16px; font-weight:600; color:#97bf0d; padding-left:60px; padding-top:2px;}
#contenu1 h2 {float:left;width:350px;margin-top:15px;font-size:16px;font-weight:400;color:#669900;padding-left:55px;text-align: left;}
#contenu1 h3 {float:left;width:350px;margin-top:5px;font-size:12px;font-weight:400;color:#3d3c3f;padding-left:55px;text-align:right;}
#contenu1 img {float:right; margin-top:18px; margin-right:20px;}
#contenu1 hr {float:right;width:547px;height:1px;margin-right:20px;margin-left:55px;margin-top:10px;background-color: #737373;border:0}

#contenu2 {float:right;width:620px;height:165px;}
#contenu2 hr { float:right;width:547px;height:1px;margin-right:20px;margin-left:55px;margin-top:10px;background-color: #737373;border:0}
#telesurveillance {float:right; width:547px; height:140px; margin-right:20px; margin-left:55px; margin-top:10px;}
#telesurveillance img {float:left; width:210px; height:140px; background-image:url(../img/photo_telesurveillance_pcm.jpg); background-repeat:no-repeat;}
#teletexte {float:right; width:337px; height:140px; background-image:url(../img/fonddescriptif.png); background-repeat:repeat;}
#teletexte a{ text-decoration:none; color:#669900}
#teletexte a:hover{ text-decoration:underline; color:#669900}
#teletexte h1 {font-size:16px; font-weight:600; color:#3e3d40; padding-left:10px; padding-top:20px;}
#teletexte p {font-size:14px; color:#3e3d40; padding-left:10px; padding-top:20px;}

#contenu3 {float:right;	width:620px;height:140px;}
#contenu3 hr { float:right;width:547px;height:1px;margin-right:20px;margin-left:55px;margin-top:10px;background-color: #737373;border:0}
#offre {float:right;width:547px;height:120px;margin-right:20px;margin-left:55px;margin-top:10px;}
#imgregion {float:left;	width:131px;height:120px;}
#textregion {float:left;width:197px;height:115px;font-size: 12px;color: #669900;text-align: left;padding-top: 5px;}
#texteinfo {float:right;width:219px;height:120px;}
#texteinfo h1 {font-size:17px;font-weight:600;color:#669900;padding-left:0px;text-align:left;}
#texteinfo p {font-size:13px;color:#3e3d40;text-align:right;padding-top:5px;}
#texteinfo a { text-decoration:none; color:#3d3c3f;}
#texteinfo a:hover { text-decoration:underline;}
#texteinfo img {float:right;margin-top:5px;margin-right: 3px;}


/*/////////////////////////////////////////*/

#footer {float:left; width:750px; height:35px; font-size:10px;  background-image:url(../img/fondfooter.gif); background-repeat:repeat-x; list-style:none; text-align:left;}
#footer a { text-decoration:none; color:#3e3d40; margin-top:10px;}
#footer a:hover { text-decoration:underline;}
#footer h1 {float:left;font-size:10px; margin-top:15px; margin-left:25px;}
.footer {float:right; margin-top:15px; margin-right:25px}

/*/////////////////////////////////////////*/

.text1 {font-size:12px;color:#FFFFFF;margin-right:20px;font-weight:lighter;}
.text2 {font-size:12px;	color:#97bf0d;	margin-right:20px;	font-weight:bold;}
.text3 { font-weight:bold;}
.text4 {font-size:12px;color:#97bf0d;margin-right:20px;font-weight:bold}
.tel {font-size:22px;}

