/*
Theme Name: ideaversal
Theme URI: http//www.ideaversal.com/
Description: thème de ideaversal pour son blog
Version: 0.11
Author: Fabien Giraux
*/

body
{ 
    font-family:Arial, Georgia, sans-serif;
    text-align:left
}

header {
    margin-left:auto;
    margin-right:auto;
    width:1010px;
    margin-bottom: 8px;
    padding: 7px;
    border: 1px;
    border-style: solid;
    border-color: rgb(10,10,50);
    background-color: rgb(32,74,126);
    border-radius: 5px;
    color: rgb(240,240,245);
    box-shadow: 3px 3px 5px #909090;
}

h1
{
    font-size: 1.125em;
    margin:0px;
    margin-bottom: 0.25em;
}

h2.bandeau
{
    text-align:center;
    margin: 8px;
    margin-right:1%;
    margin-left:1%;
    padding: 2px;
    border-width:1px;
    border-style: solid;
    border-color: rgb(200,200,200);
    background-color: rgb(175,175,175);
    border-radius: 5px;
    color: rgb(100,100,100);
    box-shadow: 3px 3px 5px #909090;
}

header > h1
{
    font-size: 3em;
    margin:5px;
    text-align:right;    
}

img
{   
    display: block;
    margin-left: auto;
    margin-right: auto;
    border-width: 1px;
    border-style:solid;
    border-color: rgb(175,175,175);
}

img.logo
{
    height: 2em;
    width: auto;
    float:right;
    border: 1px;
    border-style:solid;
    border-color: rgb(200,200,200);
    margin-bottom: 5px;
    box-shadow: 3px 3px 5px #909090;
}

header > h2
{
    font-size: 0.8em;
    color: white;
    text-align:right;    
    clear:right;
}

p{
    text-indent: 1em;
    font-size: 0.9em;
    margin-left:1em;
    margin-right:1em;
    margin-top:0em;
    margin-bottom:0.5em;
    Line-Height: 1.3;
}

ul {
   margin:0px;
    margin-bottom:0.25em;
}

section
{
    margin-bottom: 8px;
    margin-top: 8px;
    margin-left: auto;
    margin-right: auto;
    width: 1010px;
    padding: 7px;
    border: 1px;
    border-style: solid;
    border-color: rgb(200,200,255);
    background-color: rgb(240,240,245);
    border-radius: 5px;
    color: rgb(40,40,60);
    box-shadow: 3px 3px 5px #909090;
}


article
{
    padding: 1px;
    margin: 5px;
    background-image:linear-gradient(rgb(230,230,235), rgb(210,210,215));
    color: rgb(40,40,60);
    border-bottom-style:dotted;
    border-bottom-width : 1px;
    border-color : black;
}

article>h3{
    font-size: 1em;
    font-style:bold;
    
}

section > h2 {
  color:rgb(10,10,100);
}

article li{
    list-style-type: none;
    font-size: 0.9em;
    color: rgb(130,130,70);
}

article li:before {
    content: "- "
}

article > h3{
  margin-right:1em;
  margin-left:1em;
}

nav.root {
    margin-right:auto;
    margin-left:auto;
    margin-top: 2px;
    margin-bottom: 8px;
    width: 1010px;
    font-size: 0.6em;
    font-weight:bold;
    padding: 2px;
}

footer{ 
    clear:both;
    margin: 8px;
    margin-left:auto;
    margin-right:auto;
    width: 1010px;
    padding: 7px;
    border: 1px;
    border-style: solid;
    border-color: rgb(200,200,255);
    background-color: rgb(240,240,245);
    border-radius: 5px;
    color: rgb(10,10,64);
    box-shadow: 3px 3px 5px #909090;
}

footer>p {
    font-size: 0.7em;
}

details
{
    font-color: rgb(100,100,255);
    text-align:left
    font-size: 0.7em;
}

address
{ 
    color: rgb(200,200,200);
    font-size: 0.6em;
    text-align:right;
    margin-right:15%;
}

strong{
    font-weight:bold;
}

a:link
{
  text-decoration: none;
}

li>a:link
{
  text-decoration: none;
}

a:visited
{
  text-decoration: none
}

a:active
{
  text-decoration: none
}

a:hove
{
  text-decoration: none
}

p.pitch {
  font-style: italic;
  font-size: 1em;
}

p.pitchconclusion {
  font-style: italic;
  font-weight: bold;
  font-size: 1em;
}

/* -------------------  main page*/
div.centered
{
  width:1024px;
  left:50%;
  margin-left:-512px;
  position:relative;
  margin-top:8px;
}

section.frontleft
{
    float:left;
    position: relative;
    margin-bottom: 0px;
    margin-top: 0px;
    margin-left: 0px;
    margin-right: auto;
    width: 304px;
    padding: 1px;
    padding-top:2px;
    padding-bottom:2px;
    border: 1px;
    border-style: solid;
    border-color: rgb(200,200,255);
    background-color: rgb(240,240,245);
    border-radius: 5px;
    color: rgb(40,40,60);
    box-shadow: 3px 3px 3px #909090;
}

section.frontright
{
    float:right;
    position: relative;
    margin-bottom: 2px;
    margin-top: 0px;
    margin-right: 0px;
    margin-left: auto;
    width: 704px;
    padding: 2px;
    border: 1px;
    border-style: solid;
    border-color: rgb(200,200,255);
    background-color: rgb(240,240,245);
    border-radius: 5px;
    color: rgb(40,40,60);
    box-shadow: 3px 3px 3px #909090;
}

section.frontleft img
{
    border: 0px;
}

h2.frontimage2 {
    position: absolute;
    top:1px;
    margin-left:20px;
    padding: 5px;
    color:white;
    background:rgba(32,74,126,0.6);
    font-size: 1.7em;
    font-weight:bold;
    border-radius: 5px;
}

h3.frontimage3 {
    position: absolute;
    top:270px;
    margin-left:70px;
    padding-top: 2px;
    padding-bottom: 2px;
    width:700px;
    color:white;
    font-size: 1em;
    font-weight:bold;
}

#left01 {
    position: absolute;
    top:600px;
    margin-left:40px;
}

.frontimage3 a,.root a,a.root {
    border-radius: 4px;
    padding:5px;
    border: 1px;
    color:white;
    border-style: solid;
    background:rgba(32,74,126,0.8);
}

.frontimage3 a:link,.root a:link {
  color:white;
}

.frontimage3 a:hover,.root a:hover {
  color:white;
  background: rgb(16,37,63);
  box-shadow: 3px 3px 5px #909090;
}

.frontimage3 a:visited,.root a:visited {
  color:white;
}

.frontimage3 a:active,.root a:active {
  color:white;
}

/* -------------------  tool */
.video {
    text-align:center;
}

.download
{
    margin: 0.25em;
    color: White;
    padding: 4px;
    border: 1px;
    border-style:solid;
    border-color: rgb(100,100,0);
    background-color: rgb(255,200,0);
    border-radius: 5px;
}

/* -------------------  offre cours*/
p.offre {
  margin-top: 1em;
  margin-bottom: 1em;
  text-align:center;
  padding:3px;
  font-weight: bold;
  font-size: 1.25em;
  background-color: rgb(50,155,50);
  border-radius: 5px;
  color: white;
  box-shadow: 3px 3px 3px #909090;
}

table.plancours {

    margin-left:4em;
    border:1px;
    border-style:solid;
    width:800px;
}

caption.plancours {
  text-align: center;
  font-size: 0.6em;
  font-style:italic;
  caption-side:bottom;
}

th.plancours {
  padding:2px;
  text-align: center;
  color:white;
  font-weight:bold;
  background-color: rgb(32,74,126);
}

td.plancours {
  padding:3px;
  background-color: rgb(235,235,255);
}

td.reservation {
  padding:8px;
  background-color: rgb(235,235,255);
}

label {
  width: 150px;
  display: inline-block;
}

input[type=text] {
 background-color: white;
 color:black;
 width:600px;
 }

/* -------------------  blog */
section.blog
{
    float:left;
    margin-left:21%;
    width: 60%;
}

nav.blog{
    float:right;
    margin-right:1%;
    margin-top: 8px;
    margin-bottom: 8px;
    width: 15%;
    font-size: 0.75em;
    padding: 2px;
    border: 1px;
    border-style: solid;
    border-color: rgb(10,10,50);
    background-color: rgb(32,74,126);
    border-radius: 5px;
    color: rgb(240,240,245);
    box-shadow: 3px 3px 5px #909090;
    text-align:left;
}

p.post-info{
    font-size: 0.7em;
    font-style:italic;
    margin-left:2em;
}