@charset "utf-8";
/**
 * @author Jean-Baptiste MONIN (jb.monin@gmail.com)
 * @lastmodified Nov, 2 2009
 * @media screen
 * @site http://www.sospermisautomobile.com/
 */

/*
 * Global redeclarations
 */
html,*{ margin: 0; padding: 0;}

body { background: #09c url(../images/bckgrnd.jpg) scroll repeat-y top center; margin:0; padding:0; border:0; font-family:Arial, Helvetica, sans-serif; color:#333;}

/*
* Global links
*/
   
a,a:link,a:visited{ color: #536884; text-decoration:underline;}
a:hover { text-decoration:none;}

/*
* Various
 */
abbr, acronym { cursor:help; border-bottom: 1px dotted #808080;}
img{ border : none;}
p { margin: 0;}
table,tr,td{ border: none; text-align: left;}
ul { margin: 0; padding:0;}
h4 { font-size: 14px; }
/*
* Global forms
 */
 
label,input,option,textarea,select,button{ font-size: 11px;}
option{ padding-left: 10px;}

ul li{
  list-style-type: none;
}
/**
 * Global classes
 */

.clear { clear : both;}
.pos{ color :#3c7939;}
.warn{ color :#ff8400;}
.neg{ color: #c40900;}
.small{ font-size: 80%;}
.xsmall{ font: 9px Verdana, Helvetica, sans-serif;}
.nodisplay{ display: none;} 

p.error { font: bold italic 0.90em/1em Arial, Helvetica, sans-serif; color :#cd0000; background-color : #efefef; border : 1px solid #cc6d6d;  padding : 10px;  margin: 8px 0 8px 0; -moz-border-radius: 5px; -khtml-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;}
p.success { font: bold italic 0.90em/1em Arial, Helvetica, sans-serif; color :#3c7939; background-color : #fcfebb; border : 1px solid #c3c750;   padding : 10px;  margin: 16px 0 0 0; -moz-border-radius: 5px; -khtml-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;}
p.warning { font: bold italic 0.90em/1em Arial, Helvetica, sans-serif; color :#ff8400; background-color : #f4ede2; border : 1px solid #e37602;   padding : 10px; margin: 16px 0 0 0; -moz-border-radius: 5px; -khtml-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;}

.separation{ height : 30px; background : transparent url(../images/separation.png) scroll repeat-x top left; clear: both;}


/*************************************************STRUCTURE DE PAGE**************************************************/
#mainwrapper{ width: 1024px; margin: 0 auto; background-color: #fff; } 

/*************************************************TETE DE PAGE**************************************************/
#header{  height: 200px; background : transparent url(../images/header.jpg) scroll repeat-x top left; width:1024px;}
#header a{ display: block; width: 650px; height: 190px; text-indent: -10000px; outline: 0; }
#header h2{ text-indent: -10000px; outline: 0; }

/*************************************************MENU TOP**************************************************/
#menuTop{ height: 72px; text-align:left; clear: both;}
#menuTop ul { margin: 0px; padding: 0px; list-style: none;  }
#menuTop ul li { list-style: none; float: left;}
#menuTop ul li a{ display: block; height: 72px; width: 128px; outline: 0; text-indent: -9000px; }
#menuTop ul li a#menutop1{ background:url(../images/menu.jpg) no-repeat 0 0;}
#menuTop ul li a#menutop1:hover { background:url(../images/menu.jpg) no-repeat 0 -72px;}
#menuTop ul li a#menutop2{ background:url(../images/menu.jpg) no-repeat -128px 0;}
#menuTop ul li a#menutop2:hover { background:url(../images/menu.jpg) no-repeat -128px -72px;}
#menuTop ul li a#menutop3{ background:url(../images/menu.jpg) no-repeat -256px 0;}
#menuTop ul li a#menutop3:hover { background:url(../images/menu.jpg) no-repeat -256px -72px;}
#menuTop ul li a#menutop4{ background:url(../images/menu.jpg) no-repeat -384px 0;}
#menuTop ul li a#menutop4:hover { background:url(../images/menu.jpg) no-repeat -384px -72px;}
#menuTop ul li a#menutop5{ background:url(../images/menu.jpg) no-repeat -512px 0;}
#menuTop ul li a#menutop5:hover { background:url(../images/menu.jpg) no-repeat -512px -72px;}
#menuTop ul li a#menutop6{ background:url(../images/menu.jpg) no-repeat -640px 0;}
#menuTop ul li a#menutop6:hover { background:url(../images/menu.jpg) no-repeat -640px -72px;}
#menuTop ul li a#menutop7{  background:url(../images/menu.jpg) no-repeat -768px 0;}
#menuTop ul li a#menutop7:hover { background:url(../images/menu.jpg) no-repeat -768px -72px;}
#menuTop ul li a#menutop8{ background:url(../images/menu.jpg) no-repeat -895px 0;}
#menuTop ul li a#menutop8:hover { background:url(../images/menu.jpg) no-repeat -895px 0;}

/*************************************************PAGE**************************************************/
#pagewrapper{ margin: 0 0 0 0; padding: 30px 0 0 0; background: url(../images/contGene.jpg) scroll repeat-x 0 0;}
.column11{ padding: 0 20px 20px 20px;}
.column21{ width: 190px; padding: 0 5px; margin: 0; float: left; }
.column22{ width: 790px; margin: 0 0 0 15px; float: left;}
.column31{ width: 190px; padding: 0 5px; margin: 0; float: left;}
.column32{ width: 600px; padding: 0 10px; margin: 0; float: left;}
.column33{ width: 170px; padding: 0 10px; margin: 0; float: left;}


a#visualContactUs{ 
 display: block;
 height: 190px;
 width: 190px;
 margin : 0;
 padding: 0;
 text-indent: -10000px;
 outline: 0;
 background: url(../images/contactez_nous.jpg) scroll no-repeat 0 0;
}

a#visualContactUs2{ 
 display: block;
 height: 190px;
 width: 190px;
 margin : 0;
 padding: 0;
 text-indent: -10000px;
 outline: 0;
 background: url(../images/contactez_nous1.jpg) scroll no-repeat 0 0;
}

a#telNumber{ 
 display: block;
 height: 40px;
 width: 190px;
 margin : 0;
 padding: 0;
 outline: 0;
 background: url(../images/tel.jpg) scroll no-repeat 0 0;
 text-decoration: none;
 color: #09c;
 font-weight: bold;
 font-size: 1.1em;
}

span#telNumberInner{
    position: relative;
    top: 6px;
    left: 40px;
}

a#contactFormLink{ 
 display: block;
 height: 30px;
 width: 190px;
 margin : 0;
 padding: 0;
 outline: 0;
 text-indent: -10000px;
 background: url(../images/contactmenu.jpg) scroll no-repeat 0 0;
}

a#radarLink{ 
 display: block;
 height: 134px;
 width: 190px;
 margin : 0;
 padding: 0;
 outline: 0;
 text-indent: -10000px;
 background: url(../images/radar1.jpg) scroll no-repeat 0 0;
}

.hrclass1 {
 margin: 6px 0 0 0;
 border-top:#c0c0c0 1px solid; 
 border-bottom:0;
 border-left:0;
 border-right:0;
}

.hrclass2 {
 border-top:#0099cc 1px solid; 
 border-bottom:#99ccff 2px solid;
 border-left:#0099cc 1px solid;
 border-right:#99ccff 1px solid;
}

h2.quickAcces{
 margin: 16px 0 0 0;
 color: #09c;
 font-size: .8em;
 text-align: center;
 font-variant: small-caps;
}

a#aboutusLink{ 
 display: block;
 height: 20px;
 width: 190px;
 margin : 10px 0 0 0;
 padding: 0;
 outline: 0;
 text-indent: -10000px;
 background: url(../images/quisommesnousmenu.jpg) scroll no-repeat 0 0;
}

a#situationLink{ 
 display: block;
 height: 20px;
 width: 190px;
 margin : 0;
 padding: 0;
 outline: 0;
 text-indent: -10000px;
 background: url(../images/votresituationmenu.jpg) scroll no-repeat 0 0;
}

a#tarifsLink{ 
 display: block;
 height: 20px;
 width: 190px;
 margin : 0;
 padding: 0;
 outline: 0;
 text-indent: -10000px;
 background: url(../images/nostarifsmenu.jpg) scroll no-repeat 0 0;
}

a#carteRadars{ 
 display: block;
 height: 134px;
 width: 190px;
 margin : 0;
 padding: 0;
 outline: 0;
 text-indent: -10000px;
 background: url(../images/radar1.jpg) scroll no-repeat 0 0;
}

/*************************************************PIED DE PAGE**************************************************/
#footer1{ width: 960px; height: 60px; background: url(../images/contGene.jpg) scroll repeat-x 0 0; margin: 16px 0 0 0; padding: 20px 0 0 0; text-align: center; } 
#footer1 ul{   margin: 0 auto; padding: 0; list-style: none; width: 400px;  } 
#footer1 ul li{   margin: 0; padding: 0; list-style-type: none;  float: left;} 
#footer1 ul li a{   margin: 0 4px 0 0;  padding: 0;  float:left; font-size: .7em; text-decoration: none;} 
#footer1 ul li a:hover{ color: #09c} 
#footer1 ul li a:after{ content:" | "; } 
#footer1 ul li a.last:after{ content:""; } 
#footer1 p.copyright{ color:#c0c0c0; font-size: 0.8em; margin: 8px 0 0 0; font-size: .7em; color: #09c; } 

/*************************************************DEBUG*****************************************************/
#sqlDebug { width : 920px; margin : 20px auto; border: 1px solid #cbdadd;  text-align: left; padding : 10px 20px; background-color: #ececec; }
#sqlDebug  p{ font: 10px/16px Arial, Helvetica, sans-serif; color: #3f3f3f;}
#sqlDebug  li{ font: 10px/16px Arial, Helvetica, sans-serif; color: #3f3f3f;}
#profile { font: 10px/16px Arial, Helvetica, sans-serif; color: #3f3f3f;  width : 960px; margin : 20px auto; border: 1px solid #cbdadd;  text-align: left; padding : 10px 20px; background-color: #ececec; }
#profile tr.head td{  border-bottom: 1px solid #808080;  text-align: left; padding : 4px 0; font-weight: bold }